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

body 
{background-image: linear-gradient(right , rgb(0,83,102) 0%, rgb(132,228,250) 50%, rgb(0,83,102) 100%);
background-image: -o-linear-gradient(right , rgb(0,83,102) 0%, rgb(132,228,250) 50%, rgb(0,83,102) 100%);
background-image: -moz-linear-gradient(right , rgb(0,83,102) 0%, rgb(132,228,250) 50%, rgb(0,83,102) 100%);
background-image: -webkit-linear-gradient(right , rgb(0,83,102) 0%, rgb(132,228,250) 50%, rgb(0,83,102) 100%);
background-image: -ms-linear-gradient(right , rgb(0,83,102) 0%, rgb(132,228,250) 50%, rgb(0,83,102) 100%);

background-image: -webkit-gradient(
	linear,
	right bottom,
	left bottom,
	color-stop(0, rgb(0,83,102)),
	color-stop(0.5, rgb(132,228,250)),
	color-stop(1, rgb(0,83,102))
);
background-image:repeat;
width:100%;
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:100%;
width:100%;
background-size: auto 100%;}


.menu {position:fixed;
top:0px;
left: 0px;
width:100%;
height:70px;
background-color:#005366;
z-index:2;}
.nav {list-style:none;
margin:0;
padding:0;
text-align:center;}
.nav li {display:inline;}
.nav a {display:inline-block;
padding:10px;
text-decoration:none;
border:none;
font-family: Arial, Serif;
text-align:center;
font-size:20px;}
.nav a:link, .nav a:visited, .nav a:active {color:#000}
.nav a:hover {color:#fff}

#about {background:#72C6DE;
width: 100%; height: 250px;
color:white;
font-family: Arial, Serif;
text-align:center;
font-size:20px;
top:625px;
position:absolute;
left:0px;}

h1.about {padding:0px;
font-family:Candice;
font-size: 50px;
text-shadow: 2px 2px 0 #006600, 3px 3px 0 #fff;}

.lion
{
background-color: #00CC00; 
width:20%; 
height:45%;
position:absolute;
top:190%;
left:10%;

}
.tiger
{
background-color: #00CC00; 
width:20%; 
height:45%;
position:absolute;
top:190%;
left:40%;
}
.monkey
{
background-color: #00CC00; 
width:20%; 
height:45%;
position:absolute;
top:190%;
left:70%;
}
.cheetah
{
background-color: #00CC00; 
width:20%; 
height:45%;
position:absolute;
top: 250%;
left:10%;
}
.hippo
{
background-color: #00CC00; 
width:20%; 
height:45%;
position:absolute;
top:250%;
left:40%;
}
.owl
{
background-color: #00CC00; 
width:20%; 
height:45%;
position:absolute;
top:250%;
left:70%;
}
.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: #00000 ;
}
.footer 
{
background:#03406A;
width: 95%; height: 10px;
padding:24px;
text-align:right;
color:white;
font-size:12px;
position:absolute;
top: 280%;}

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