.menu-wrapper{
  text-align:center;
  margin-top:15px;
}

.menu{
  list-style-type: none;
  padding-left:0px;
  display:none;
}

.menu li.menu-line div{
  background-color:#ededed;
  width:2px;
  height:44px;
}

.menu li{
  margin-right:10px;
  background-color: inherit;
  margin-bottom:0px;
  padding:0px;
  border:0px;
  display:block;
  height:30px;     
}

.menu li a{
  font-size:18px;
  color:#4d4d4d;
  text-decoration:none;
  font-weight:bold;
}

.menu li.menu-active, .menu li:hover{
  border:0px;
}

.menu li.menu-active a{
  color:#4683ae;
}

.menu-line, .menu-line div{
    display:none !important;
}

.menu-overlay-wrapper{
    display:none;
}

.menu-overlay-wrapper.overlay-show{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #4683ae;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    top:0;
    left:0;
}

.menu-overlay{
    list-style-type: none;
    padding-left: 0px;
}

.menu-overlay li{
    margin-bottom:15px;
    font-size:24px;
    color:white;
}

.menu-overlay li a{
    text-decoration:none;
    font-size:24px;
    color:white;
}

.menu-overlay img{
    margin-bottom:30px;
}

.overlay-contact, .overlay-contact a{
    font-size:18px !important;
    margin-top:50px;
}

.overlay-title{
    font-weight:bold;
    margin-bottom:50px !important;
    font-size:28px !important;
}




  /* Custom, iPhone Retina */
  @media only screen and (min-width : 320px) {

  }

  /* Extra Small Devices, Phones */
  @media only screen and (min-width : 480px) {

  }

  /* Small Devices, Tablets */
  @media only screen and (min-width : 768px) {

   .menu{
    display:inline-block;
   }
   
    .menu-line{
        display:inline-block !important;
    }    
    
    .menu-line div{
        display:block !important;
    }        
    
    .menu li{
      margin-right:20px;    
      display:inline-block;
    }    
        
    .menu li a{
      font-size:24px;
    }        
    
  }

  /* Medium Devices, Desktops */
  @media only screen and (min-width : 992px) {
    


  }

  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1200px) {



  }


  /* Large Devices, Wide Screens */
  @media only screen and (min-width : 1600px) {



  }