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



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



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

header img {
	width:170px;
}
header h1 {
	padding-top: 1.6em;
	font-size:2.5em;	
}
header h2 {
	font-size:1.2em;	
}


/*-----NAVigation -----*/
	nav ul li {display:block;}
	nav ul li a {display:block;
	padding:.7em;
	text-decoration: none;
	border-top: 1px solid  rgba(255,255,255,0.2);
	border-bottom: 1px solid rgba(0,0,0,0.8);
	color: rgba(255,255,255,0.8);
	font-weight: 600;
	background: #3f3f3f;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3f3f3f), color-stop(100%,#272727)); /*Android*/
	background: -webkit-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Safari, Chrome*/
	background: -o-linear-gradient(top,  #3f3f3f 0%,#272727 100%); /*Opera on Windows*/
	background: linear-gradient(to bottom,  #3f3f3f 0%,#272727 100%);}
	nav ul li a:hover {background: #272727;}
nav ul li.selected a {color: #eba600;}


/*sub menus*/

nav ul li ul {
	padding: 0;
	margin: 0;
}
nav ul li ul li a  {
	color: rgba(255,255,255,0.8);
	padding:.6em;
	padding-left: 20px;
	font-size:.7em;
	background: #3f3f3f;
}
nav ul li.selected ul li a{color: rgba(255,255,255,0.8);}/*changes the submenu items back to grey*/
nav ul li ul li.selected a {color: #eba600; }




/*-----CONTENT -----*/
#content {
	float: right;
	width: 75%;
	min-height: 30em;
}

/*-----images -----*/
figure.w50 {
	width: 41.666%;
}
div.links div.social a {
	width: 12.666%;}
	

/*----- FOOTER -----*/
footer {}
footer div.left {background-color: #ebb512;}
footer div.middle {margin-left: 25%;}


}

	
}