@media only screen and (max-width:450px)
{
	#textColumn, #introBox {padding-left:2px}
	body {font-size:12px}
	/* body {background-color:lightblue} */
	
	h3 {font-size:120%}
	h4 {font-size:110%}
	#hgp h1 {line-height:1.1; font-size: 160%; margin-left:.5%;}
	#hgp h2 {line-height:1.1; font-size: 120%; margin-left:5%}
	.newsection{font-size:120%}
}



@media only screen and (min-width:451px) and (max-width:768px)
{
	body {font-size:14px}
	/* body {background-color:#FFEDE8} */
	
	#textColumn, #introBox {padding-left:10px}
	
	h3 {font-size:130%}
	h4 {font-size:120%}
  	h1 {line-height:1.1; font-size: 140%;}
  	#hgp h1 {line-height:1.1; font-size: 160%}
	#hgp h2 {line-height:1.1; font-size: 120%}
	.newsection{font-size:130%}
}

@media only screen and (min-width:769px) and (max-width:950px)
{
	body {font-size:16px}
	/* body {background-color:lightpink} */

	#textColumn, #introBox {padding-left:28px}
	
	h3 {font-size:130%; margin-left:-2%}
	h4 {font-size:120%; font-weight:bold;}
  	#hgp h1 {line-height:1.1; font-size: 160%}
	#hgp h2 {line-height:1.1; font-size: 140%}
.newsection{font-size:140%}
}

@media only screen and (min-width:951px)
{
	#textColumn, #introBox {padding-left:120px}
	body {font-size:18px}
	body {background-color:#CDDBCD} 
	#textColumn {padding-left:120px}
	h3 {font-size:130%; margin-left:-5%}
	h4 {font-size:120%; font-weight:bold}
  	#hgp h1 {line-height:1.1; font-size: 180%}
	#hgp h2 {line-height:1.1; font-size: 160%}
.newsection{font-size:150%}
}