body{
    font-family: Montserrat;
    font-size: large;
    margin: 0px;
}


#logodiv {
  min-height: 100px;
  max-height: 100px;
  max-width: 100px;
  padding: 4px;
  /* background-image: url('../images/SD_logo.jpg'); */
}

#logoimg {
    position:relative;
    top: 0px;
    left: 4px;
    
    background-color: white;
    max-width:100%;
}

#menudiv {
  display: flex;
  border-radius: 8px;
    min-width: 40%;
    max-width: 90%;
    justify-content: right;
    position:fixed;
    top: 5px;
    right: 12px;
    background-color: white;
    padding-right: 5px;
}

#thenavbar {
    position: relative;
    display: block;
    top: 0px;
    max-width: 100%;
    height: 100px;
    /*background-color: white;*/
    z-index: 2;
    margin-left: auto;
    margin-right: auto;
}

#thenavbar::-webkit-scrollbar {
  display: none;
}

.navcontainer {
  border-radius: 8px;
}

.nav ul { 
    margin: 0 auto; 
    text-align: center;
  }

.navli {
    display:table-cell; 
    color: #13BC24;
    top:24px;
    justify-content:right;
    text-align:right;
    margin:0;
    box-sizing:border-box;
    font-family:Montserrat;
    font-weight:bold
}

.nava {
    font-family: Montserrat;
    color: #13BC24;
    text-transform: capitalize;
    text-decoration: none;
    letter-spacing: 0.05em;
    padding: 5px 5px;
    position: relative;
}

.logbox{
  width:130px;
  max-height:40px !important;
  background-color:#13BC24;
  border-radius:6px;
  box-sizing:border-box;
  padding: 9px 9px !important;
  color: white;
}


.navcontainer .icon {
    display: none;
  }

.dropbtn {
  overflow: auto;
  background-color: white;
  color: #13BC24;
  padding: 16px;
  font-size: large;
  border: none;
}

.dropdown {
  display: table-cell;
}
  
.dropdown-content {

  display: none;
  position: absolute;
  background-color: white;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

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

.dropdown-content a:hover {
  background-color: #13BC24;
  color: white; 
}

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

.dropdown:hover .dropbtn {
  overflow: visible;
  /* background-color: #13BC24;
  color: white; */
}


@media screen and (max-width:1200px) {
  .navcontainer a {
    font-size: medium;
  }
}

@media screen and (max-width: 950px) {
  .navcontainer a {display: none;}
  .navcontainer a.icon {
    float: right;
    display: block;
  }
  #logodiv img {
    max-height: 100px;
    max-width: 100px;
  }
  #thenavbar {
    height: 100px;
  }

  #menudiv {
    min-width: 5%;
    max-width: 7%;
  }

}


@media screen and (max-width: 600px) {
    .navcontainer.responsive {position: relative;}
    .navcontainer.responsive a.icon {
      position: absolute;
      right: 0;
      top: 0;
      color: #13BC24;
    }
    #logodiv img {
      max-height: 100px;
      max-width: 100px;
    }
    #thenavbar {
      height: 100px;
    }
    .navcontainer.responsive li {
      float: none;
      display: block;
      text-align: left;
    }
    .navcontainer.responsive a {
      float: none;
      display: block;
      text-align: left;
    }
    #menudiv {
      top: 0px;
  }
  }