Intro Text to be Fully Responsive

**Can anyone help me with controlling my intro text with some CSS codes? I want it to be fully responsive when on small phone, iphone, and tablet **

Here is a link:
https://codepen.io/MiZoCoder2016/pen/dybVRPp

	<div class="header-content text-md-center">
	      <h1>About Me</h1>
	      	<p class="para">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore <br>magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea <br>commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum<br> dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, <br>sunt in culpa qui officia deserunt mollit anim id est laborum. </p>
	    </div>

Hello
you use Bootstrap the responsive css framework .
you should only add the class “container-fluid” in your main div :

<div class=" container-fluid header-content text-md-center"> ... </div>

more info at : https://learn.freecodecamp.org/front-end-libraries/bootstrap/use-responsive-design-with-bootstrap-fluid-containers

It looks better with “container-fluid header-content”. Thank you.