aside {width: auto; float: right;}
h1 {color: black; font-family: "Bahnschrift Condensed"; font-size: 36px; clear: both;}
h2 {color: black; font-family: "Bahnschrift Condensed"; font-size: 30px; clear: both;}
h3 {color: black; font-family: "Bahnschrift Condensed"; font-size: 26px; font-weight: bold; clear: both;}
h4 {color: black; font-family: "Bahnschrift Condensed"; font-size: 20px; font-weight: bold; clear: both;}
h5 {color: black; font-family: "Bahnschrift Condensed"; font-size: 16px; clear: both;}
p {font-family: "Verdana"; font-size: 15px; clear: both;}
section {border-top: 20px solid #053359; border-bottom: 20px solid #053359; clear: both;}
ul {font-family: "Verdana";}
label {font-family: 'Catamaran', sans-serif;}
input {font-family: 'Catamaran', sans-serif;}
a {color: black; text-decoration: none;}
footer {border-top: 20px solid #053359; clear: both;}

@media only screen and (min-width: 1001px) 
{
    header {width: 10%; float: left;}
    nav {font-family: "Verdana"; font-size: 15px;}
    nav ul {list-style-type: none; width: 160px; margin-left: auto; margin-right: auto;}
    nav li {text-align: center; border-radius: 25px; background: #4dafff; padding: 6px; width: 110px; height: 15px; margin-top: 5px; margin-bottom: 5px;}
    li .dropbtn {text-align: center; display: inline-block; color: black; width: 87px; height: 15px; text-decoration: none; margin-top: 5px;}
}
@media only screen and (max-width: 1000px) 
{
    header {width: 25%; float: left;}
    nav {font-family: "Verdana"; font-size: 15px;}
    nav ul {list-style-type: none; width: 150px; margin-left: auto; margin-right: auto;}
    nav li {text-align: center; border-radius: 25px; background: #4dafff; padding: 6px; width: 110px; height: 15px; margin-top: 5px; margin-bottom: 5px;}
    li .dropbtn {text-align: center; display: inline-block; color: black; width: 87px; height: 15px; text-decoration: none;  margin-top: 5px;}
}
@media only screen and (max-width: 700px) 
{
    header {width: 10%; float: left;}
    header img {display: block; margin-left: auto; margin-right: auto; width: 300%;}
    nav {font-family: "Verdana"; font-size: 12px;}
    nav ul {list-style-type: none; width: 50%; margin-left: auto; margin-right: auto;}
    nav li {text-align: center; border-radius: 25px; background: #4dafff; padding: 10%; width: 300%; height: 15px; margin-top: 5px; margin-bottom: 5px;}
    li .dropbtn {text-align: center; display: inline-block; color: black; padding: 10%; width: 300%; height: 15px; text-decoration: none;}
}
/*li .dropbtn {
  display: inline-block; color: black; padding: 10px 30px; text-decoration: none;}*/

li.dropdown {display: inline;}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}