<h1>A good tip</h1>
	<p>Don't take your guns to town</p>
	<div class="separator" ></div>

/* rem - root em */
html { font-size: 10px; }

.separator {
	width:100%;
	height:10rem;
	background:blue;
}

h1 {
	font-size: 3rem;
}

p {
	font-size: 2rem;
	border: 0.2rem solid blue;
}

@media screen and (min-width:500px) {
  
  html { font-size: 15px; }
  h1 { text-align: center; }
  p { text-align:center; }
}