/* CSS Document for Digitalbiscuits on iPhone */

/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	html, body, h1, h2, h3, h4, h5, h6, p, form, input, textarea, th, td, ul, li, img 
	{
		font-size: 100%;
	}
	h1, .mimicH1
	{
		font-size:3.2em;
	}
	h2, .mimicH2
	{
		font-size:2em;
	}
}
/*override the minimum width of elements*/
#page_wrapper
{
	min-width:0;
	width:100%;
	min-height:700px;
}

/*about section*/
#aboutContent h2.mimicH1
{
	text-align:center;
}
/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#aboutContent
	{
	}
	
	#aboutContent p 
	{
		margin: 40px 0 0 0;
	}
}
#selfPotrait 
{
	float: left;
	width: 40%;
}
@media all and (max-width: 650px)
{	
	#selfPotrait 
	{
		float: none;
		width: 100%;
	}
}
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{	
	#selfPotrait 
	{
		float: none;
		width: 100%;
	}
}
#about_part1
{
	min-width:0;
	width:100%;
	text-align:justify;
}
/*hide the written contact details*/
#about_part1 p sub
{
	display:none;
}

#about_part2
{
	margin-top:30px;
}
#hideAbout 
{
	padding: 8px 5px;
}
/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#hideAbout 
	{
		font-size: 2em;
	}
}


/*----header, with larger navigation buttons----*/
#header_wrapper 
{
	min-width:0;
	width: 100%;
}
#logo 
{
	width:100%;
	display: inline-block;
	zoom: 1;
	margin: 0;
	vertical-align:middle;
	text-align: center;
}
#logo a 
{
	//font-size:8em;
}
/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#logo a 
	{
		font-size:8em;
	}
}
#navigation
{
	width:100%;
	display:inline-block;
	*display: inline;
	zoom:1;
	list-style:none;
	margin: 0;
	vertical-align: middle;
	text-align:center;
	float:none;
}
#navigation li
{
	display:inline-block;
	*display: inline;
	zoom:1;
	vertical-align:middle;
	font-size: 25px;
	
	margin:0;;
	width: 24%;
	text-align: center;
}
#navigation li.aboutMe
{
	margin-right:0;
}
/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#navigation li
	{
		font-size: 3em;
	}
}








/*iPhone only in portrait mode*/
@media screen and (max-device-width: 480px) and (orientation:portrait) 
{
	#footer 
	{
		font-size: 1.5em;
	}
}

.socialMedia 
{
	margin: 0 2%;
}
.socialMedia.button
{
	width: 5%;
	height: auto;
}
.socialMedia.button a img
{
	width: 100%;
	height: auto;
}

#facebookLike
{
	display:none;
}

#copyright
{
	margin-top:20px;
}