/** Saja Typeworks Minisite **/
/** By Aaron Bell **/

#mobile .header h1{
	text-align:center;
	font-size:30px;
}

#mobile .header p{
	display:none;
}

#mobile .hero_image_container{
	margin-bottom:50px;
}

#mobile .sections{
	padding-bottom:10px;
}

#mobile .sections ul{
	margin:0;
}

#mobile .sections li{
	width:50%;
	font-size:2em;
	margin-bottom:30px;
}

#mobile .sections h3{
	font-size: 1.5em;
	margin-left:1.4vw;
}

#mobile #about img{
	float:none;
	width:120px;
	display:block;
}

#mobile #about .twoCol ul img{
	width:2em;
} 

#about h2{
	margin-left:0;
}

#mobile .intro h2{
	font-size:3em;
}

#mobile .leftCol, #mobile .rightCol{
	float:none;
	width:100%;
	margin-top:50px;
}

#mobile .leftCol p, #mobile .rightCol p{
	width:100%;
}

#mobile .twoCol p, #mobile .twoCol li{
	font-size:2em;
	line-height:1.2em;
	margin-bottom:.6em;
}

#mobile #contact{
	margin-right:1.4vw;
}

#mobile #contact h2{
	font-size:3em;
}

#mobile #contact form .field input{
	width:100%;
	font-size:1.2em;
}

#mobile #contact form textarea{
	font-size:1.2em;
}

#mobile #contact form .submitButton input{
	width:100%;
	font-size:1.2em;
}

#mobile #contact{
	height:inherit;
}

#mobile .footer p{
	font-size:1.2em;
}

#mobile .project_header .header_container img{
	min-width:800px;
}

#mobile .left_side, #mobile .right_side{
	float:none;
	width:100%;
}
#mobile .colContainer p{
	width:100%;
	font-size:2em;
	line-height:1.2em;
	margin-bottom:.6em;

}

#mobile .right_side img {
    margin-top: 30px;
}