body {
    margin: 0;
    padding: 0;
    font-family: 'Monda', sans-serif;
}
.menu {
   margin: 0;
   width: 100%;
   max-width: 100%;
}

.topnav {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    background-color: #fff;
}

.topnav a {
  float: left;
  display: block;
  text-align: center;
  padding: 8px 12px;
  color: #252525;
  font-weight: 600;
  font-size: 0.8125em;
  border-bottom: 1px solid transparent;
  font-family: "Poppins", "Segoe UI", sans-serif;
}

.topnav a:hover {
  color: #4f4f4f;
  border-bottom: 1px solid #0f4c81;
}
.topnav a:active { color: #0f4c81; }
.topnav .icon { display: none; }

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive { position: relative; }
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}