@media only screen and (max-width: 768px) {
    #background {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    #main , #bottom , #bottom2 , #splash , .custom-cursor{
        display: none;
    }

    html {
        -webkit-tap-highlight-color: transparent;
      }

    body {
        font-family: "Overpass", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        background-color: #F7F7F7;
        color: #050505;
        font-size: 20px;
        margin: 0 0 0 0;
        width: auto;
        height: 100%;
        font-weight: 500;
        overflow-x: hidden;

    }

    #mobile {
        padding: 6% 6% 6% 4%;
    }

    #m-main{
        padding-bottom: 20%;
        display: block;
        visibility: visible;
    }

    #m-main-list{
        margin-left: -2%;
    }

    #m-main-list li{
        cursor: pointer;
    }

    #m-main-overlay{
        background-color: #050505;
        opacity: 0.6;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: -2;
        top: 0;
        margin: 0 0 0 -4%;
        visibility: hidden;
    }

    #m-main-about{
        font-size: 1.5vh;
        background-color: #F7F7F7;
        width: 90%;
        height: 60%;
        left: 0;
        padding-left: 6%;
        padding-right: 8%;
        padding-top: 1%;
        position: fixed;
        bottom: -106%;
        
    }

    #m-main-about-img{
        width: 30vh;
    }
    #m-main-about-title{
        border-bottom: 1px solid;
        padding-bottom: 2vh;
    }

    #m-main-contact{
        font-size: 1.5vh;
        background-color: #F7F7F7;
        width: 90%;
        height: 60%;
        left: 0;
        padding-left: 6%;
        padding-right: 8%;
        padding-top: 1%;
        position: fixed;
        bottom: -106%;
        
    }

    #m-main-contact div a {
        text-decoration: none;
        color: #050505;
    }

    #m-main-contact div{
        padding-bottom: 6%;
    }

    #m-main-contact-img{
        width: 30vh;
    }
    #m-main-contact-title{
        border-bottom: 1px solid;
        padding-bottom: 2vh;
    }



    #m-verse{
        display: block;
        visibility: hidden;
        opacity: 0;
        font-size: 16px;
        position:absolute;
        
        padding-left: 2%;
        padding-right: 8%;
        padding-bottom: 20%;
        top: 4%;
    }

    #m-verse-title{
        text-decoration:underline 1.5px;
    }

    #m-verse-close{
        font-weight: 700;
        margin-top: 6%;
        cursor: pointer;
    }



    #m-bottom{
        display: flex;
        position: fixed;
        background-color: #F7F7F7;
        border-top: 1px solid #050505;
        bottom: 0;
        width: 92%;
        margin: 0 0 0 -4%;
        padding-left: 4%;
        padding-right: 4%;
        justify-content: space-between;
        max-height: 20%;
    }

    #m-bottom-logo a{
        text-decoration: none;
        color: #050505;
    }

    #m-bottom-about , #m-bottom-contact{
        cursor: pointer;
    }



}