.burger {
    display: none;
    padding: 15px;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.burger.is-active .burger-inner,
.burger.is-active .burger-inner::before,
.burger.is-active .burger-inner::after {
    background-color: white;
}

.burger-box {
    width: 40px;
    height: auto;
    display: inline-block;
    position: relative;
}

.burger-inner {
    display: block;
}

.burger-inner,
.burger-inner::before,
.burger-inner::after {
    width: 40px;
    height: 4px;
    background-color: white;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}

.burger-inner::before,
.burger-inner::after {
    content: "";
    display: block;
}

.burger-inner::before {
    top: -10px;
}

.burger-inner::after {
    bottom: -10px;
}

.burger--stand .burger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
}

.burger--stand .burger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger--stand .burger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.burger--stand.is-active .burger-inner {
    transform: rotate(90deg);
    background-color: transparent !important;
    transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
}

.burger--stand.is-active .burger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.burger--stand.is-active .burger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media (max-width: 1200px) {
    footer nav {
        display: flex;
        justify-content: flex-end;
    }

    footer .info {
        font-size: 1em;
        padding-top: 2em;
    }
}

@media (max-width: 1000px) {


    .home .burger {
        display: flex;
        margin-left: auto;
    } 

    header .lang {
        position: absolute;
    }

    header {
        height: 10vh;
        align-items: center;
        justify-content: center;
    }
    
    header nav.opened {
        display: block;
        border-left: none;
        border-right: none;

    }

    header nav ul {
        flex-direction: column;
        font-size: 1.25em;
    }

    header nav ul li {
        padding: 0.5em 0;
    }

    header nav.opened {
        position: absolute;
        top: 10vh;
        left: 0;
        background-color: rgb(var(--main-color));
        z-index: 1002;
        height: 30vh;
        width: 100%;
        font-size: 1.25em;
        line-height: 1.5;
    }

    footer {
        position: relative;
    }

    footer nav {
        padding: 0;
        padding-top: 1em;
    }

    footer nav ul {
        flex-wrap: wrap;
        margin-left: 0;
        width: 100%;
    }   
    
    footer nav ul li a {
        font-size: 0.6em;
    }    

    footer.opened {
        position: fixed;
        top: 40vh;
        height: 60vh;
        z-index: 1002;
        left: 0;
        width: 100%;
        background-color: white;
        padding: 0 5vw;
    } 
    
    footer ul {
        flex-wrap: wrap;
        padding-top: 1em;
        justify-content: center;
    }

    footer.opened ul {
        padding: 0;
    }

    footer.opened p {
        font-size: 1em;
    }

    footer .info {
        position: static;
        width: 100%;
        text-align: center;
        bottom: 15vh;        
    }

    footer ul img {
        height: 5vh;
    }

    footer ul li {
        padding-bottom: 0.25em;
    }

    footer ul li:last-child img {
        margin-top: 4vh;
        height: 8vh;
    }

    aside .wp-block-group {
        padding: 2em 10vw;
    }

    .is-style-narrow {
        padding: 0 15vw;
    }

    .is-style-info::before {
        font-size: 2em;
    }

    .alert {
        top: 12vh;
        font-size: 0.8em;
    }

    .bar img {
        width: 150px;
    }    

    .home h1 {      
        width: 95%;
        font-size: 5vw;
        top: 0;
    }

    .home h1 img {
        width: 20vw;              
        top: 5vw;
    }

    h2 {
        font-size: 2em;
    }

    .wp-block-columns {
        flex-direction: column;
    }

    .wp-block-column {
        width: 100%;
    }

    header nav {
        display: none;
    }

    .wp-block-gallery .wp-block-image img {
        padding-top: 40vh;
        height: 80vh;   
        margin-left: 0;     
    }

    .wp-block-gallery figcaption {
        font-size: 1.25em;
        width: 90%;
        bottom: -10vh;
        left: 1em;
    }

    .indicators {
        bottom: 5vh;
    }

    #faq p {
        margin: 0 5vw;
    }

    #faq details div {
        padding: 0 0.5em;
    }

    #wie p {
        width: 90%;
    }

    #wie img {
        position: static;
        width: 140%;
        margin-left: -20%;
        margin-bottom: -100px;
    }

    
}

@media (max-width: 499px) {

    .home h1 {
        top: 16vh;
        font-size: 3em;
        text-align: left;
    }

    .home h1 img {
        width: 300px;
        top: -3em;
        right: -1.5em;
        transform: scale(0.5);
    }

    [lang="en"] .home h1 img {
        top: -2em;
    }

    #was ul li br {
        display: none;
    }    
}