@charset "UTF-8";
/* CSS Document */

body {
	background-color: 	#0ca4de;
}

#wrap{
	margin:			0 auto;
	width:			100%;
	max-width:		1000px;
}

#page_logo{
	margin-top:		10px;
}

p{
	font-family:	Arial, Helvetica, sans-serif;
	color:			white;
	font-weight:	bold;
	font-size:		20px;
}

#about{
	width:			100%;
	max-width:		1000px;
}

#about_header{
	width:			100%;
	max-width:		200px;
	margin:			auto 20px auto 20px;
}

#web_header{
	width:			100%;
	max-width:		548px;	
}

#ill_header{
	width:			100%;
	max-width:		269px;
	margin:			auto 20px auto 20px;
}

#brand_header{
	width:			100%;
	max-width:		191px;
	margin:			auto 20px auto 20px;
}

#ads_header{
	width:			100%;
	max-width:		464px;
	margin:			auto 20px auto 20px;
}

#contact_header{
	width:			100%;
	max-width:		270px;
	margin:			auto 20px auto 20px;
}

h1{
	font-family:	Arial, Helvetica, sans-serif;
	font-weight:	bold;
	color:			white;
	text-align:		center;
}

.highlight{
	color:			#FC3;
}

#splash_content{
	margin:			0 auto;
	width:			100%;
	max-width:		1000px;
}

#small_logo{
	width:			100%;
	max-width:		180px;
	margin-top:		-10px;
}

#splash_logo{
	width:			100%;
	max-width:		1000px;
}

#taglogo{
	float:			right;
	width:			100%;
	max-width:		650px;
}

#sociallinks{
	float:			right;
	margin-right:	20px;
}

#socialbar li{
	display:		inline-block;
	list-style-type:none;
}

#social{
	width:			100%;
	max-width:		37px;
}

#photosp{
	width:			100%;
	max-width:		350px;
	margin:			0 auto;
}

#photosls{
	width:			100%;
	max-width:		788px;
	margin:			0 auto;
}

/*work*/

#what{
	margin:			50px auto;
	width:			100%;
	max-width:		800px;
}

#ill_page{
	margin:			50px auto;
	width:			100%;
	max-width:		800px;
	height:			400px;
}

#what_imgs{
	margin:			0 auto;
	width:			100%;
	max-width:		700px;
}

#what_photos{
        width:		145px;
}
	
#work_photos{
        max-width:		160px;
		width:			100%;
}

#what_imgs li{
	display:		inline;
}	

#face{
	width:			100%;
	max-width:		300px;
}

#about_list{
	list-style-type:	none;
	margin-left:		-40px;
}

#about_list li{
	display:			inline-block;
	padding-right:		20px;
}

#about_text{
	width:				100%;
	max-width:			440px;
}

#photosp{
	width:				100%;
	max-width:			400px;
}

#contact li{
	display:			inline-block;
	list-style-type:	none;
}

#contact_form{
	width:				100%;
	max-width:			400px;
	margin-top:			20px;
}

#contact_details{
	width:				100%;
	max-width:			400px;
	list-style-type:	none;
	margin-left:		-40px;
}

#details_list li{
	margin:				20px auto;
}

#icon{
	width:				100%;
	max-width:			400px;
}

#msg{
	width:				100%;
}

#sent{
	margin:				0 auto;
	width:				100%;
	max-width:			600px;
}

@media screen and (max-width: 600px){
	
	#what{
		margin:			50px auto;
		width:			100%;
		max-width:		800px;
		padding: 		auto 20px auto 20px;
	}

	#splash_content{
		margin:			150px auto;
		width:			100%;
	}

	#what_photos{
        width:		100%;
	}
	
	#what_imgs li{
		margin:		auto;
	}
	
	#about_list{
		list-style-type:	none;
		margin:		auto;
	}
	
	#work_photos{
        max-width:		120px;
		width:			100%;
	}
	
	#contact_form{
	width:				100%;
	max-width:			300px;
	margin-left:		auto 20px auto 20px;
}
	
}