/*########################*/
/*## Tablet ( < 1024px) ##*/
/*########################*/

@media screen and (max-width:1024px)
{ 
	body
	{
		background-image: none;
		background-color:rgb(20,20,35);
		background-repeat: repeat;
		background-position: center center;
		background-attachment: fixed;
		background-size: 500% auto;
	}
			
	header
	{
		min-height:300px;
	}
	
	header div#topbar
	{
		max-width:100%;
		/*min-width:100%;*/
	}
	
	header div#topbar div.nav
	{
		position:relative;
		display:block;
		top:0;
		margin-left:auto;
		margin-right:auto;
	}
	
	header div#topbar div.nav
	{
		text-align:center;
	}
	
	header div#topbar div.nav ul
	{
		background-color:rgba(20,20,20,0.4);
		border-radius:8px;
	}
	
	header div#topbar div.nav ul li
	{
		float:none;
		display:block;
		margin-left:auto;
		margin-right:auto;
			
	}
	
	header div#topbar div.nav ul li a:link
	{
		padding:20px 10px;
		font-size:20px;	
		display:block;
		
	}
	
	header div.blurb
	{
		width:100%;
	}
	
	header div.blurb p
	{
		font-size:4em;
	}
	
	
	
	#content div.whatwedo
	{
		display:block;
		vertical-align:top;
		max-width:88%;
		margin: 0px auto;
		padding:10px;
		min-height:200px;
	}
	
	#content div.section.whatwedo img
	{
		margin:2px;
		margin-top:-15px;
	}
	
	#content div.section div.infoblock
	{
		max-width:100%;
	}		
	
	div#footer div.contact
	{
		max-width:100%;
	}	
	
	div#footer div.contact
	{
		max-width:100%;
	}
	
	div#footer div.contact div.form
	{
		max-width:100%;	
		
	}
	div#footer div.contact div.cinfo
	{
		max-width:100%;
	}
	
	#content div.section.whatwedo img.mobile
	{
		max-width:256px;
	}
}

@media screen and (max-width:1143px)
{
	header div#topbar div.nav ul li a:link
	{
		font-size:14px;
	}
}

@media screen and (max-width:1024px) and (orientation:landscape)
{
	#content div.section div.infoblock
	{
		max-width:48%;
	}		
}