/* NAVBAR */
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #222222;
}
  
ul.topnav li {
  float: left;
}
  
ul.topnav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 200%;
  height: 60px;
}
 
ul.topnav li a:hover:not(.active), 
.dropdown:hover .dropbtn  {background-color: #2a2a2a;}
  
ul.topnav li a.active {background-color: #d3c81c;}
  
ul.topnav li.right {float: right; font-size: 200%;}
  
li a img {
  padding: 0px 50px 0px 50px;
  margin: 0px;
  height: 60px;
}

/*DROPDOWN*/
li.dropdown {
  display: inline-block;
  z-index: 5;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #1f1f1f;
  min-width: 23.5vh;
  font-size: 80%;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 5;
}

ul.topnav li .dropdown-content a:hover {background-color: #333;}

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

/*BANNER*/
.banner img {
  padding: 40px 0;
  width: 25%;
}
  
.banner {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/img/banner.jpg");
  height: 100%;
  width: 100%;
  background-size: 100%;
  /*box-shadow: 0px 0px 20px yellow;*/
}

@media screen and (max-width: 1000px) {
  ul.topnav li.right, 
  ul.topnav li .dropdown-content,
  ul.topnav li {float: none; width: 100%;}
  li a img {height: 100px;}
  ul.topnav li a {height: 100px; font-size: 300%;}
}