a:link {color:#f54c00;font-family: "oxygen";}
a:visited {color:#f54c00;font-family:"oxygen";}
a:hover {color:#f54c00;text-decoration:none;font-family: "oxygen";}
a:active {color:#f54c00;text-decoration:none;font-family: "oxygen";}
.links {padding:25px;}
nav {margin:0 0;background-color:#000000;}
nav ul {padding:0;margin:0;list-style:none;position:relative;}
nav ul li {padding:0;margin:0;border:0;display:inline-block;}
nav a {display:block;padding: 0 10px;font-size:20px;line-height:60px;text-decoration:none;}
nav a {background-color:#000000;}
nav li.links a:hover {background-color:#30B1F0;}
nav ul ul {display:none;position:absolute;top:100%;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {min-width:170px;display:list-item;position:relative;}
.drop {margin-top:0;}
nav {margin-bottom:0;}
footer {background-color:#000000; color:#f54c00;text-align:center;}
main {width:80%;}
@media screen and (min-width: 1200px)
{main{ width:1200px;} }
@media screen and (min-width:1200px) 
{main{ width:1200px;} }
@media screen and (max-width:1199px) 
{main{ width:80%;} }
@media screen and (max-width:700px) 
{main{ width:67%;} }
@media screen and (max-width:700px) 
{img{ max-width:67%;} }
@media screen and (max-width:700px) 
{#video{ max-width:80%;} }
@media screen and (max-width:700px) 
{#powerpoint{ max-width:80%;} }
#video {display:block;}
p {font-family: "oxygen";}
h1 {font-family: "Franklin Gothic Book";}
h2 {font-family: "Franklin Gothic Book";}
h3 {font-family: "Franklin Gothic Book";}
i {display:inline; font-size:26.7px;color:#f54c00;}
label {font-family: "oxygen";}
#water-banner {width:98vw;height:98vh;}