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

body
{
width:100%;
background:url(a2.JPG);
background-repeat:none;
overflow-x:hidden;
overflow-y:scroll;
}
#header {background-image: url('smallerhead.jpg');
background-repeat: repeat-x;
position:absolute;
z-index:-2;
top:0px;
right:0px;	
height:105%;
width:100%;
background-size: auto 100%;}

.menu {position:fixed;
top:0px;
left: 0px;
width:100%;
height:50px;
background-color:#AFD8ED;
z-index:1;
}
.nav {
width:100%;
height:10%;
padding-top: 2%;
padding-bottom:2#;
text-align:right;
font-weight:bold;
font-size:18px;
border-spacing:30px;

}
.nav ul {
	margin: 0;
	padding: 0;
	
}
.nav li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	
}
.nav a {
	padding: 3px 20px;
	text-decoration: none;
	line-height: 100%;
	font-weight:100px;

}
.nav a:hover {
	color: #000;
}
.nav .current a {
	color: #fff;
	border-radius: 5px;
}


.nav.center ul {
	text-align: center;
}
.nav a:link, .nav a:visited, .nav a:active {color:#000}
.nav a:hover {color:#fff}

#about {background:#009900;
width: 100%; height: 200px;
color:#FFFFFF;
font-family: Arial, Serif;
text-align:center;
font-size:20px;
top:685px;
position:absolute;
left:0px;
}

h1.about {padding:0px;
font-family:Candice;
font-size: 48px;
color:#FFFFFF;}

.lion
{
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #5EEF41), color-stop(1, #22FF00));
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: radial-gradient(ellipse farthest-side at center top, #5EEF41 0%, #22FF00 100%);width:20%;  
width:20%; 
height:40%;
position:absolute;
top:150%;
left:10%;
padding:5px;
}
.tiger
{

background-image: -ms-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #5EEF41), color-stop(1, #22FF00));
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: radial-gradient(ellipse farthest-side at center top, #5EEF41 0%, #22FF00 100%);width:20%; 
height:40%;
position:absolute;
top:150%;
left:40%;
padding:5px;
}
.monkey
{
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #5EEF41), color-stop(1, #22FF00));
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: radial-gradient(ellipse farthest-side at center top, #5EEF41 0%, #22FF00 100%);width:20%; 
height:40%;
position:absolute;
top:150%;
left:70%;
padding:5px;
}
.cheetah
{
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #5EEF41), color-stop(1, #22FF00));
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: radial-gradient(ellipse farthest-side at center top, #5EEF41 0%, #22FF00 100%);width:20%; 
height:40%;
position:absolute;
top: 195%;
left:10%;
padding:5px;
}
.hippo
{
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -moz-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #5EEF41), color-stop(1, #22FF00));

background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);

background-image: radial-gradient(ellipse farthest-side at center top, #5EEF41 0%, #22FF00 100%);
width:20%; 
height:40%;
position:absolute;
top: 195%;
left:40%;
padding:5px;
}
.owl
{
background-image: -ms-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);

background-image: -moz-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -o-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: -webkit-gradient(radial, center top, 0, center top, 487, color-stop(0, #5EEF41), color-stop(1, #22FF00)); 
background-image: -webkit-radial-gradient(center top, ellipse farthest-side, #5EEF41 0%, #22FF00 100%);
background-image: radial-gradient(ellipse farthest-side at center top, #5EEF41 0%, #22FF00 100%);width:20%; 
height:40%;
position:absolute;
top:195%;
left:70%;
padding:5px;
}
.lion, .tiger, .monkey, .cheetah, .hippo, .owl
{
border-radius: 15px;
border-top-left-radius:15px;
border-bottom-left-radius:15px;
border-top-right-radius:15px;
border-bottom-right-radius:15px;
-moz-border-radius: 15px;
}
.image
{
border-radius: 50px/50px;;
border:2px solid white; 
width:100px;
height:100px;
margin-top:10px;
}
.content
{ 
font-family:"Arial";
font-size: 16px;
color:#fff;
}
.footer
{
background:#75AEE8;
width: 100%; height: 180px;
padding:25px;
text-align: center;
color:#330000;
font-size:12px;
position:absolute;
top: 243%;
margin: 0 auto;
text-decoration:none;

}

.meet {top:865px;
width:100%;
font-family:'century gothic';
font-size:30px;
color:#FFF;
position:absolute;
}


.nav {
width:100%;
height:10%;
padding-top: 2%;
text-align:center;
}
.nav2 ul {
	margin: 0;
	padding: 0;
}
.nav2 li {
	margin: 0 5px 10px 0;
	padding: 0;
	list-style: none;
	display: inline-block;
}
.nav2 a {
	padding: 3px 12px;
	text-decoration: none;
	line-height: 100%;
}
.nav2 a:hover {
	color: #000;
}
.nav .social a {
	color: #fff;
	border-radius: 5px;
}


.nav.left ul {
text-align:center;
}
}