@media only screen and (min-width: 550px) {
/*-----BODY -----*/
body {}





/*-----CONTAINER -----*/
#container {}





/*-----HEADER -----*/

/*Company logo*/
header img {
	max-width: 25%;
}
header h1 {
	padding-top: 1.6em;
	font-size:2.5em;
	font-family:Verdana, Geneva, sans-serif;	
}
header h2 {
	font-size:1.2em;
	font-family:Verdana, Geneva, sans-serif;		
}





/*-----NAVigation -----*/
nav select{ display: none;}
nav{
	width: 25%;
	float: left;
	padding: 0;
	margin: 0 ;	
}

nav ul{
	display: block;	
}

nav ul li a {
	display: block;
	padding: .6em;
	text-decoration: none;
	border-top: solid 1px #000;	
	border-bottom: solid 1px #000;
	color: #fff;
	font-size: 1em;
}

nav ul li a:hover {
	background-color: #666;
}
nav ul li.selected a {color: #ebd5a4}
/*sub menus*/
nav ul li ul {
	padding: 0;
	margin: 0;
}

nav ul li ul li a  {
	color: #fff;
	padding: .6em;
	padding-left: 20px;
	font-size: .8em;
	background: #333;
	
}
nav ul li.selected ul li a{color: #fff;}/*changes the submenu items back to grey*/
nav ul li ul li.selected a {color: #ebd5a4}





/*-----CONTENT -----*/
#content {
	width: 75%;
	float: right;
}
article{
	float: left;	
}




/*-----IMAGES -----*/
figure.w50 img{
	width: 44.444%;
	float: right;
	
}


/*----- SOCIAL LINKS -----*/

div.links div.social a {
	width: 12.666%;
		
}




/*----- FOOTER -----*/
footer {}
footer div.left {}
footer div.middle {}



}