.header{
    background-color: #FFF;
    padding: 15px 10px;
}

.logo {
    text-align: center;
    margin-right: 40px;
}

.topnav {
  overflow: hidden;
  background-color: #FFF;
  background-color: #FFF;
}

.topnav a {

  float: left;
  display: block;
  color: #424242;
  font-family: 'Roboto',sans-serif;
    font-weight: bolder;
  font-size: 22px;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.topnav a:hover {
  color: #c1c1c1;
}

.topnav a .navBorder{
    background-color: #c1c1c1;
    margin: 0px 10px;
    height: 5px;
}

.menuActive{
    background-color: #2b542c;
        margin: 0px 10px;
    height: 5px;
}

.topnav a:hover .navBorder{
    background-color: #1d1e1f;
    margin: 0px 10px;
    height: 5px;
}

.topnav .icon {
  display: none;
}

@media screen and (max-width: 600px) {
  .topnav a {
      display: none;
  }
  .topnav a.icon {
    float: left;
    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;
    }
}


/**

 */