@media only screen and (max-width: 768px) , (max-aspect-ratio: 8/5) {
    html{
        scrollbar-width: none !important
    }
    body{
        background-image: url('/img/image-hero-mobile.jpg');
        background-size: 100vw;
    }.main-header{
        font-size: 3.5vh;
    }
    .main-description{
        text-align: center;
        font-size: 2vh;
    }
    .hidden-area{
        background-image: url('/img/nav-icon.png');
        display: inline;
        cursor: pointer;
        z-index: 1005;
        color: black;
        position: absolute;
        float: right;
        top: calc(0.25vh + 0.25vw);
        right: calc(0.25vh + 0.25vw);
        background-size: cover;
        height: calc(2.5vh + 2.5vw);
        width: calc(3vh + 3vw);
        background-repeat: no-repeat;
    }
    .main-menu{
        padding: 5vw;
        border-radius: 0;
        width: 90vw;
        margin: 100vh 0 0 0;
    }
    .top-length{
        margin: 40vh 0 0 0;
    }.button{
        font-size: 16px;
    }
    .navbar-buttons{
        justify-content: center;
        align-items: center;
        transition-property: border-radius , position;
        transition: 300ms;
        /*  */
        right: -50vw;
    }.navbar-buttons a{
        padding-left: 50%;
        margin: 50px;
        font-size: 3vh;
        margin-right: 50%;
    }
    .navbar{
        top: 0;
        z-index: 1000;
        position: fixed;
        background-color: white;
        width: 100vw;
        height: calc(3vh + 3vw);
        box-shadow: 1px 1px 10px black;
    }
    .crowdfund{
        color: black;
        font-size: calc(2.5vh + 2.5vw);
        float: left;
        top: calc(0.25vh + 0.25vw);
        left: calc(0.25vh + 0.25vw);
    }
    .info-bar{
        height: 120px;
        align-items: flex-start;
    
    }
    .info-bar div{
        display: flex;
        height: 50px;
        justify-content: space-between;
    
    }
    .navbar div{
        margin: 0;
        color: white;
    }
    .navbar-after-press{
        border-radius: 1000px 0 0 1000px;
        flex-direction: column;
        position: fixed;
        right: 0px;
        font-weight: 550;
        color: black;
        font-family: 'Commissioner', sans-serif;
        background-color: rgba(128, 128, 128, 0.8);
        height: 50vh;
        z-index: -10;
        width: 40vw;
        justify-content: center;
    }
    .navbar-buttons a{
        font-size: calc(2vh + 2vw);
    }.display-none a {display: none;}
    .navbar-going-back{
        transition: 300ms;
        float: right;
        right: -50vw;
        background-color: white;
    }
    .navbar-white{
        background-color: white;
    }.pledge-tab{
        width: 80vw;
        left: 10vw;
    }.top-view{
        top:20vh
    }.signin-menu{
        top:20vh;
    }
  }