@media only screen and (max-width: 710px) {
div.wrapper  {
	max-width:94%; 
	} 
h1	{
	font-size:28px;
	margin-top:30px;
}
h3	{
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
    padding-top: 20px;  /* Add top padding to the anchored h3 for cv.php */
}
.logo	{
	float:none;
	width:35%;
 	margin-left:auto;
 	margin-right:auto;
}
/* 
following css for slicknav
*/
.js #menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}
/* 
css for index.php
*/
.column_left	{
	display:block;
	margin-right:0%;
	}
.column_right	{
	display:block;
	}
.column_left p, .column_right p	{
	text-align:center;
	}
/* 
css for cv.php
*/
.download	{
	margin:20px 0px 30px 0px;
}
.download a	{
	padding:2% 4% 2% 4%; 
}
/* 
css for thank-you.php
*/
.min_height	{
	padding-top:15px;
 	height:80px;
}
/* 
css for footer.php
*/
footer 	{
	height:100%;
	padding-bottom:20px;
	overflow:hidden;
}
#social img	{
	opacity: 1; 
	filter: alpha(opacity=100);
}
#social img:hover	{
	opacity: 1; 
	filter: alpha(opacity=100);
}
.float_left	{
	float:left; 
	margin-right:75px;
}
.float_right	{
	float:left; 
	margin-right:75px;
	text-align:left;
}
/* 
css for about.php
*/
#portrait img	{
	width:55%;
}
}
		@media screen and (max-width: 510px) {
		.logo	{
			width:50%;
		}
		}
		@media screen and (max-width: 500px) {
		#portrait img	{
			width:80%;
		}
		}
		@media screen and (max-width: 420px) {
		.videos	{
			width:100%;
		}
		}
		@media screen and (max-width: 400px) {
		h1	{
			font-size:23px;
			margin-top:5px;
			padding:0px 0px 15px 0px;
		}
		h2	{
			font-size:23px;
			padding:0px 0px 15px 0px;
			}
		}