@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,600,700");

.topnav { overflow: hidden; background-color: rgb(255, 255, 255); padding-left: 200px; z-index: 999; }

.topnav button.dropbtn { font-weight: 700; font-family: Oswald, "Open Sans", Arial; }

.topnav a { float: left; display: block; color: rgb(51, 51, 51); text-align: center; padding: 14px 16px; text-decoration: none; font-size: 17px; font-weight: 700; font-family: "Open Sans", Arial; }

.active { background-color: rgb(52, 116, 219); color: rgb(255, 255, 255) !important; }

.topnav .icon { display: none; }

.dropdown { float: left; overflow: hidden; }

.dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: rgb(51, 51, 51); padding: 14px 16px; background-color: inherit; font-family: "Open Sans", Arial; margin: 0px; }

.dropdown-content { display: block; position: absolute; background-color: rgb(249, 249, 249); min-width: 160px; box-shadow: rgba(0, 0, 0, 0.2) 0px 8px 16px 0px; z-index: 1; max-height: 0px; transition: max-height 0.3s ease-out 0s; overflow: hidden; }

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

.topnav a:hover, .dropdown:hover .dropbtn { background-color: rgb(85, 85, 85); color: white; text-decoration: none; }

.topnav > .icon { background-color: rgb(85, 85, 85); color: white; }

.dropdown-content a:hover { background-color: rgb(221, 221, 221); color: black; text-decoration: none; }

.dropdown:hover .dropdown-content { display: block; max-height: 500px; transition: max-height 0.5s ease-in 0s; text-decoration: none; }

#home { display: none; }

@media screen and (max-width: 768px) {
  .topnav { padding-left: 80px; }
}

@media screen and (max-width: 600px) {
  #home { display: block; }
  .topnav { padding-left: 0px; }
  .topnav a:not(:first-child), .dropdown .dropbtn { display: none; }
  .topnav a.icon { float: right; display: block; }
}

@media screen and (max-width: 600px) {
  #header-menu h1 { display: none; }
  .topnav.responsive { position: relative; padding-left: 0px; }
  .topnav.responsive .icon { position: absolute; right: 0px; top: 0px; }
  .topnav.responsive a { float: none; display: block; text-align: left; }
  .topnav.responsive .dropdown { float: none; }
  .topnav.responsive .dropdown-content { position: relative; }
  .topnav.responsive .dropdown .dropbtn { display: block; width: 100%; text-align: left; }
}