@media (min-width: 1200px) {
    .container{
        margin: auto 14% ;
    }
    html{
        font-size: 120%;
    }
    .nav-desktop-navigation-link-icon img{
        width: auto;
    }
}

@media (max-width: 1199px) {
    .container{
        margin: auto 12% ;
    }


}

@media (max-width: 992px) {
    .container{
        margin: auto 8% ;
    }

    .logotype{
        width: 80%;
        height: 80%;
    }
    .logotype-image{
        width: 95%;
        height: 95%;
    }
    .logotype-image img{
        width: 100%;
        height: 100%;
    }


}

@media (max-width: 767px) {
    .container{
        margin: auto 10% ;
    }
    .logotype{
        width: 80%;
        height: 80%;
    }

    .logotype-image{
        width: 95%;
        height: 95%;
    }
    .logotype-image img{
        width: 100%;
        height: 100%;
    }
    .navDesktop{
        display: none;
    }
    .navMobile{
        display:block;
    }

}

@media screen and (max-width: 480px) {
    .container{
        margin: auto 2% ;
    }
    .navDesktop{
        display: none;
    }
    .navMobile{
        display:block;
    }
    .nav-desktop-navigation li{
        font-size: 0.7%;
    }


}