body{
	width:100%;
	height:100%;
	background-color:white;
}
#counter{
	display:none;
}
#header{
	height:10%;
	background-color:rgb(30,60,220);
	font-size:xx-large;
	color:white;
	font-family:arial;
	
	text-align:center;
}
#logo{
	width:8%;
	height:15%;
	position:absolute;
	top:3%;
	left:1%;
	
}
.imagehol{
	width:22%;
	height:25%;
	margin-left:2%;
	margin-top:2%;
	float:left;
	overflow:hidden;
}
.image{
	width:100%;
	height:100%;
	margin-left:0%;
	margin-top:0%;
	cursor:pointer;
}
#details{
	width:70%;
	height:90%;
	margin-left:10%;
	margin-top:-2%;
}

#close{
	position:absolute;
	left:96%;
	top:2%;
	cursor:pointer
}
#yrs{
	width:30%;
	height:10%;
	margin-left:25%;
}
ul{
	width:80%;
	height:4%;
	margin-left:10%;
	background-color:lightgrey;
}
.navbtn{
	width:25%;
	height:100%;
	list-style:none;
	border-right:solid 1px white;
	float:left;
	text-align:center;
}
.navbtn:hover{
	background-color:teal;
}



@media (max-width:650px){
#header{
	height:10%;
	background-color:rgb(30,60,220);
	font-size:large;
	color:white;
	font-family:arial;
	text-align:center;
}
#logo{
	width:10%;
	height:100%;
	position:relative;
	float:left;
	
}
.navbtn{
	font-size:x-small;
	width:25%;
	margin-left:0;
}
ul{
	width:100%;
	margin-left:0%;
}
}