html {
    font-size: 62.5%;
}

body{
    font-size:2rem;
}
.image {
    width: 12rem;
}

.item {
    font-size: 1.6rem;
}

.copyright {
    margin-top: 5rem;
}

.mg-top-apos-1 {
    margin-top: 0px;
}
.since1 {
    top: 4vw;
    font-size: 3vw;
}

.since2 {
    top: 16vw;
    font-size: 5vw;
    left: 5vw;
    transform: translate(11vw, -2vw);
}

.since3 {
    top: 12vw;
    font-size: 3vw;
    left: 47vw;
    transform: translate(-22vw, 0vw);
    font-family: 'ReferenzGroteskVariableItalic';
}

.padding-desc-top {
    padding-top: 0px;   
}

 

#support-left{
    display:none;
}

 
/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
    .sidenav {
        padding-top: 15px;
    }

    .sidenav a {
        font-size: 18px;
    }
}


@media (min-width: 576px) {
    body {
        font-size: 1.8rem;
    }

    .footer {
        text-align: center;
    }

    .mg-top-apos-1 {
        margin-top: 0px;
    }

    .since1 {
        top: 4vw;
        font-size: 3vw;
    }

    .since2 {
        top: 8vw;
        font-size: 3vw;
        left: 0vw;
        transform: translate(11vw, -2vw);
    }

    .since3 {
        top: 12vw;
        font-size: 3vw;
    }


    .button-for-emp {     
        width: 30vw;
    }
}

@media (min-width: 768px) {
    body {
        font-size: 1.8rem;
    }

    .footer {
        text-align: center;
    }
     
     

    .since1 {
        top: 4vw;
        font-size: 3vw;
    }

    .since2 {
        top: 8vw;
        font-size: 3vw;
        left: 0vw;
        transform: translate(11vw, -2vw);
    }

    .since3 {
        top: 12vw;
        font-size: 3vw;
    }

    .padding-desc {
        padding-top: 30px;
    }
    .padding-desc-feature-4 {
        padding-top: 30px;
    }

    .button-for-emp {
        width: 20vw;
    }

    .price-box {
        margin-left: 12%;
        width: 80%;
    }
     
}

@media (min-width: 992px) {
    .f-2-2 {
        margin-top: -51px;
    }

    .feature-img-2 {
        margin-top: -9px;
        margin-top: 10px;
        width: 91%;
        padding: 13px;
        padding-left: 85px;
        padding-top: 0px;
    }

    .feature-img-3 {
        margin-top: 0px;
        width: 80%;
        margin-left: 50px;
        padding: 0px;
    }

    .roadmap-img-3 {
        margin-top: 0px;
        margin-bottom: 30px;
        margin-left: 50px;
        width: 80%;
        padding: 0px;
    }

    .feature-img-4 {
        width: 90%; 
        margin-left: 106px;
        margin-top: -49px;
    }
    .feature-img-5 {
        margin-top: 0px;
        width: 75%;
        padding: 0px;
        margin-left: 50px;
    }
    .r-4-2-desc {
        padding-right: 47px;
    }
    body {
        font-size: 1.8rem;
    }

    .footer {
        text-align: center;
    }
    .index-img-row {
        padding-right: 200px;
        padding-left: 200px;
        margin-top: 25px;
        margin-bottom:150px;
        font-size: larger;
        text-align: center;
    }

    .feature-row-1 {
        margin-bottom: 75px;
    }
    .feature-row-2 {
        margin-bottom: 75px;
    }
    .mg-top-apos-1 {
        margin-top: 40px;
    }
    .text-a-justify {
        text-align: justify;
    }
    .since1 {
        top: 4vw;
        font-size: 3vw;
    }

    .since2 {
        top: 8vw;
        font-size: 3vw;
        left: 0vw;
        transform: translate(11vw, -2vw);
    }

    .since3 {
        top: 12vw;
        font-size: 3vw;
    }
    .feature-desc-bold {
        font-size: 2.6rem;
    }
    .feature-desc-2 {        
        padding-left: 61px;
    }
    .padding-desc {
        padding-top: 145px;
    }
    

    .padding-desc-1 {
        padding-top: 110px;
        padding-left:90px;
    }

    .roadmap-desc-1 {
        padding-top: 110px;
        padding-left: 75px;
    }
    .padding-desc-feature-3 {
        padding-left: 90px;
    }

    .padding-desc-feature-4 {
        padding-top: 0px;
        padding-left: 61px;
        padding-right: 0px;
    }

    .padding-desc-feature-5 {
        padding-top: 0px;
        padding-left: 90px;
    }

    #support-left {
        display: block;
    }

    .btn-support-open {
        display: none;
    }

    #btn-nav {
        /*display: block;*/
    }

    .navbar {
        justify-content: start;
    }
    
    #btn-nav-support {
        display: none;
    }

    #search-hearder {
        max-width: 75%;
        flex: 0 0 75%;
    }

    #overlay_search {
     
        width: 30%; 
    }


    .img-desc {
        width: 100%;
        
    }

    .desc-index {
        font-size: 1.4rem;
        padding-top: 0vw;
        padding: 0px;
    }

    .img-desc-1 {
        width: 65%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding:65px;
    }

    .img-desc-2 {
        width: 65%;
        margin-top: 0px;
        margin-bottom: 14px;
        margin-left: 0px;
        padding: 65px;
    }

    .img-desc-3 {
        width: 66%;
        margin-top: 0px;
        margin-bottom: -6px;
        padding: 65px;
    }

    .img-desc-4 {
        width: 66%;
        margin-top: 0px;
        margin-bottom: 0px;
        padding: 65px;
    }

    .img-desc-5 {
        width: 66%;
        margin-top: 0px;
        margin-bottom: 19px;
        padding: 65px;
    }

    .img-desc-6 {
        width: 66%;
        margin-top: 0px;
        margin-bottom: 4px;
        padding: 65px;
    }

    .w-i-desc-2 {
        width: 92%;
    }
    .apos-index-desc {
        font-size: 3rem;
        margin-top: 160px;
    }
    .desc-apos {
        margin-top: 114px;
        font-size: 2.7rem;
    }
    .desc-apos-2 {
        font-size: 2.7rem;
    }
    .font-w-b {
        font-size: 2rem;
    }

    .img-overlay-1 {
        position: absolute;
        width: 7vw;
        top: 17vw;
        right: 30vw;
        bottom: 0;
        font-size: 1.2vw;
    }

    .img-overlay-2 {
        position: absolute;
        width: 7vw;
        top: 17vw;
        right: 14vw;
        bottom: 0;
        font-size: 1.2vw;
    }

    .img-overlay-3 {
        position: absolute;
        width: 7vw;
        top: 29vw;
        right: 30vw;
        bottom: 0;
        font-size: 1.2vw;
    }

    .img-overlay-4 {
        position: absolute;
        width: 7vw;
        top: 29vw;
        right: 14vw;
        bottom: 0;
        font-size: 1.2vw;
    }

    .img-overlay-5 {
        text-align: center;
        position: absolute;
        width: 9.5vw;
        top: 3vw;
        right: 16.5vw;
        bottom: 0;
        font-size: 0.8vw;
    }

    .img-overlay-6 {
        text-align: center;
        position: absolute;
        width: 9.5vw;
        top: 18vw;
        right: 16.5vw;
        bottom: 0;
        font-size: 0.8vw;
    }


    .img-overlay-7 {
        text-align: center;
        position: absolute;
        width: 9.5vw;
        top: 3vw;
        right: 16.5vw;
        bottom: 0;
        font-size: 0.8vw;
    }

    .img-overlay-8 {
        text-align: center;
        position: absolute;
        width: 50%;
        top: 18vw;
        right: 8.5vw;
        bottom: 0;
        font-size: 0.8vw;
    }

    .f-s-empl {
        font-size: 2rem;
    }

    .w-2p5-vw {
        width: 2.5vw;
    }

    .m-l-7vw-n {
      /*  margin-left: -7vw;*/
    }
    .w-3p5-vw {
        width: 3.5vw;
    }

    .button-for-emp {     
        width: 17vw;
        font-size:2.5rem;
    }

    .mt-6p { 
        margin-bottom: 4%;
    }

    .price-box {
        margin-left: 12%;
        width: 80%;
    }
}

@media (min-width: 1200px) {
    body {
        font-size: 2rem;
    }
    .footer-logo-top {
        margin-top: 1.5vw;
    }
    .footer {
        text-align: center;
    } 

    .mg-top-apos-1 {
        margin-top: 40px;
    }

    .since1 {
        top: 4vw;
        font-size: 2vw;
    }

    .since2 {
        top: 18vw;
        font-size: 2.5vw;
        left: 44%;
        transform: translate(-20%, -50%);
    }

    .since3 {
        top: 11vw;
        font-size: 2vw;
        left: 56vw;
    }

    .padding-desc {
        padding-top: 160px;
    }
    .mt-6p {
        margin-top:4%;
        margin-bottom: 4%;
    }

    .price-box {
        margin-left: 25%;
        width: 50%;
    }
}