.mobile-nav.overlay {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 4;
        right: 0;
        top: 0;
        background-color: rgba(0,0,0, 1);
        overflow-x: hidden;
        transition: 0.5s;
    }

    .mobile-nav .overlay-content {
        position: relative;
        top: 8%;
        width: 100%;
        text-align: center;
        margin-top: 80px;
    }


    .mobile-nav.overlay a {
        padding: 15px;
        text-decoration: none;
        font-size: 1.5em;
        color: #818181;
        display: block;
        transition: 0.4s;
    }

    .mobile-nav.overlay a:hover, .overlay a:focus {
        color: #d27c18;
    }

    .mobile-nav.overlay .closebtn {
        position: absolute;
        top: 5px;
        left: 26px;
        font-size: 60px;
        color: #f79420;
    }

    .mobile-nav.overlay .closebtn:hover {
        color:#d27c18;
    }

    .mobile-nav-button{
        position: fixed;
        color:white;
        background-color: #f79420;
        text-align: center;
        padding:20px;
        width:60px;
        height: 60px;
        box-sizing: border-box;
        border-radius: 50%;
        z-index: 3;
        top:30px;
        left:25px;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        cursor: pointer;
    }

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