@media (max-width: 767.99px) {
    .overlaymenu{
        position:fixed;
        width:100vw;
        height:100vh;
        padding-top:100px;
        left:0px;
        background-color:white;
        z-index: 1;
        display:none;
    }
    .wrap-nav a, .wrap-nav a span {
        font-family: 'RobotoMedium';
        font-weight: bold;
        margin: 3%;
        font-size: 7vw !important;
        text-align: center;
    }
    .wrap-nav{
        padding-left: 0px !important;
        padding:50px 0px;
    }

    .bottomfootermenu{
        font-size: 12px;
    }
    .containerbar {
        display: inline-block;
        cursor: pointer;
    }
      
    .bar1, .bar2, .bar3 {
        width: 35px;
        height: 5px;
        background-color: white;
        margin: 6px 0;
        transition: 0.4s;
    }
      
    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-9px, 6px);
        background-color: #333;
    }
      
    .change .bar2 {opacity: 0;}
      
    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-8px, -8px);
        background-color: #333;
        opacity: 1 !important;
    }

    .change .navtitle {
        color: #333 !important;
    }

    .change .navbarhphp {
        background: none !important;
        background-color: white !important;
        position:fixed !important;
        width:100vw;
        top:0px;
        left:0px;
        background-color:white !important;
        z-index: 2 !important;
    }
}
@media (min-width: 768px) { 
    .overlaymenu{
        display: none;
    }
    #hero{
        padding-top: 0% !important;
    }
}