/********** menu popup **********/

.mobile-nav {
    z-index:20000;
    position: fixed;
    /*width:150px;*/
    width:100%;
    height: 100%;    
    background: #f00300; 
    color: #FFF;    
    display: none;
    top: 0;
    left: 0;
    text-align: center;
    /*background: rgba(0, 0, 0, 0.93) url(../images/logo-er-header.png) no-repeat center 50px;*/
}

  
.nav-box-outside {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%;}

.nav-box {
  
}

.mobile-nav ul {
    list-style:none;
    margin: 0;
    padding: 0;
}
.mobile-nav ul li {
    list-style: none;
    color: #FFF;  
    margin: 0;
    padding: 0;
}

.mobile-nav a {
    font-family: Flavor_sans; 
    font-size: 32px; 
    -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; 
    font-weight: bold;
    font-style: normal;    
    color: #fff;
    text-decoration: none;    
    line-height: 46px;
}

.mobile-nav a:hover {color: #b65151;}

.close {cursor: pointer;}

.menu-button {cursor: pointer; font-family: sans-serif;}

.menu-button img:hover {
  transform: scale(0.95); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.social a {font-size: 24px;}