@charset "utf-8";


/*----------------------  jquery.animate; create a class that resizes the slider... if (document reaches a certain size, resize this)  --------------------------*/


/*----------------------------------------------  greater then 800 -----------------------------------------*/
@media screen and (max-width: 980px) {	
	



}


/*----------------------------------------------  600 to 800 -----------------------------------------*/
@media screen and (max-width: 800px) {	


}
	
	
/*----------------------------------------------  480 to 600 -----------------------------------------*/
@media screen and (max-width: 700px) {	

	
}
	
	
	
@media screen and (max-width: 600px) {	



}
	

@media screen and (max-width: 480px) {	
		
	#header{
		top:0;
		left:0;
		width:100%;
	}
	div.details {
		width:100%;
	}
	img.close{
		width:75px;
	}
	.menu {
		top:80px;
		left:0px;
	}
	#dropdown_menu{
		left:0px;
		top:100px;
		overflow-y:scroll;
		height:70%;
	}

	li { 
		padding: 15px 0px;
		height:20px;
	}

	#popup_box { 
	height:160px;  
	width:80%;  
	left: 5%;
	top: 150px;
	margin-left:0; 
	padding:1% 5%;	
	
}
.credits { 
	padding-top:-20px;
}
li:first-of-type {
	display:none;
}

}