.overlay {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  overflow-x: hidden;
  transition: 0.15s;
    
  background-color: #172d50 !important;
    
  overflow-y: hidden; /* Hide vertical scrollbar */
  overflow-x: hidden; /* Hide horizontal scrollbar */
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 60%;
  text-align: center;
    margin: auto;
 
}

.overlay a {
    text-align: left;
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  
  display: block;
  transition: 0.15s;
  font-weight: 500;
 
    color: #738292 ;
    font-family: 'Montserrat-SemiBold' !important;
    font-size: 20px !important;
    text-decoration: none;
    line-height: 25px;
    margin-top: 20px;
    
    
    
}

.overlay a:hover, .overlay a:focus {
  color: #7EE1D6;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

.btn_white{
    color: #fff !important;
   
    
}



.menu_btns_mbl{
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin-left: 20px;
}


.menu_btns_mbl_select2{
    display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  margin-left: 20px;
   content: '';
   position:static;
   top: 130px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ffc817;
    z-index: 10;
    
}

.menu_btns_mbl_select:after{
   content: '';
   position:static;
   top: 130px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ffc817;
    z-index: 10;
    
}


@media screen and (max-height: 450px) {
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}

main {
  height: 100vh;
}

.turquoise {
  background-color: #45B5AA; 
}