body
{overflow-y:scroll;
overflow-x:hidden;
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%;}{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%;
}
#header {background: url('smallerhead.jpg') no-repeat;
position:absolute;
z-index:0;
top:0px;
right:0px;	
width:100%;
height:100%

}


.menu {position:fixed;
top:0px;
left: 0px;
width:100%;
height:50px;
background-image: url('smallerhead.jpg');
z-index:1;
}
.nav {list-style:none;
margin:0;
padding:0;
text-align:right;
margin-right:10px;
}
.nav li {display:inline;}
.nav a {display:inline-block;
padding:10px;
text-decoration:none;
border:none;
font-family: 'century gothic';
text-align:right;
font-size:20px;
font-weight:bold;
}
.nav a:link, .nav a:visited, .nav a:active {color:#000}
.nav a:hover {color:#6cf;
background-color:#000;}

#about {background:#72C6DE  ;
width: 100%; height: 200px;
color:#FFFFFF;
font-family: 'century gothic';
text-align:center;
font-size:20px;
top:640px;
position:absolute;
left:0px;
}

h1.about {padding:0px;
font-family:'century gothic';
font-size: 50px;
color:#FFFFFF;}

.lion
{
background-color:#00CC00; 
width:20%; 
height:50%;
position:absolute;
top:160%;
left:10%;
padding:5px;
}
.tiger
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top:160%;
left:40%;
padding:5px;
}
.monkey
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top:160%;
left:70%;
padding:5px;
}
.cheetah
{
background-color:#00CC00; 
width:20%; 
height:50%;
position:absolute;
top: 220%;
left:10%;
padding:5px;
}
.hippo
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top: 220%;
left:40%;
padding:5px;
}
.owl
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top:220%;
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:'century gothic';
font-size: 16px;
color:#FFFFFF;

}
.footer 
{
background:#03406A;
width: 100%; height: 10px;
padding:24px;
text-align: center;
color:white;
font-size:12px;
position:absolute;
top: 280%;}

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


@media and (max-width: 1280px)
{
body
{overflow-y:scroll;
overflow-x:hidden;
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%;}{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%;
}
#header {background-image: url('back.jpg');
background-repeat:no-repeat;
position:absolute;
z-index:0;
top:0px;
right:0px;	
height:100%;
width:100%;
}


.menu {position:fixed;
top:0px;
left: 0px;
width:100%;
height:50px;
background-image: url('back.jpg');
z-index:1;
}
.nav {list-style:none;
margin:0;
padding:0;
text-align:right;
margin-right:10px;
}
.nav li {display:inline;}
.nav a {display:inline-block;
padding:10px;
text-decoration:none;
border:none;
font-family: 'century gothic';
text-align:right;
font-size:20px;
font-weight:bold;
}
.nav a:link, .nav a:visited, .nav a:active {color:#000}
.nav a:hover {color:#6cf;
background-color:#000;}

#about {background:#72C6DE  ;
width: 100%; height: 200px;
color:#FFFFFF;
font-family: 'century gothic';
text-align:center;
font-size:20px;
top:600px;
position:absolute;
left:0px;
}

h1.about {padding:0px;
font-family:'century gothic';
font-size: 50px;
color:#FFFFFF;}

.lion
{
background-color:#00CC00; 
width:20%; 
height:50%;
position:absolute;
top:160%;
left:10%;
padding:5px;
}
.tiger
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top:160%;
left:40%;
padding:5px;
}
.monkey
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top:160%;
left:70%;
padding:5px;
}
.cheetah
{
background-color:#00CC00; 
width:20%; 
height:50%;
position:absolute;
top: 220%;
left:10%;
padding:5px;
}
.hippo
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top: 220%;
left:40%;
padding:5px;
}
.owl
{
background-color: #00CC00; 
width:20%; 
height:50%;
position:absolute;
top:220%;
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:'century gothic';
font-size: 16px;
color:#FFFFFF;

}
.footer 
{
background:#03406A;
width: 100%; height: 10px;
padding:24px;
text-align: center;
color:white;
font-size:12px;
position:absolute;
top: 280%;}

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

}