@charset "utf-8";

@media screen and (min-width: 1660px){
}
@media screen and (max-width: 1559px){
}

@media screen and (max-width: 999px){
    .header.commune{
        grid-template-columns: 200px 1fr auto auto;
    }
    .menuside{
        width: 200px;
    }
}

@media screen and (max-width: 639px){
    .HeaderLogo{
        width: 16vw;
    }
    #Burger{
        display: block;
        justify-self: left;
        font-size: 35px;
        cursor: pointer;
    }
    .header.commune{
        grid-template-columns: 25vw 1fr auto auto;
    }
    .pagecontainer{
        display: block;
    }
    .page{
        margin: 0px 0px;
        padding: 30px 30px;
    }
    .menuside{
        display: none;
        position: absolute;
        border: 1px solid #AF1318;
        z-index: 10000;
    }
}