@media only screen and (max-width: 600px) {
:root{
     --width: 85%;  
}

    h1{
        font-size: 2em;
    }

    h3{
        font-size: 1.1em;
    }

    h4{
        font-size: 1.1em;
    }

    .button{
        max-width: 100%;
        margin: auto;
    }

    .button_white{
        max-width: 100%;
        margin: auto;
    }

    .block1{
        padding-top: 0vh;
        animation: none;
    }

    .big_logo{
        width: 30vh;
        height: 30vh;
        background-image: url('../img/logo-bez-fona.png');
        background-size: cover;
        background-position: center center;
        margin: auto;
    }

    .block1_logo{
        padding-top: 5vh;
        padding-left: 0vh;
        padding-bottom: 5vh;
    }


    .block1_inner{
        flex-direction: column;
    }

    .block1_text{
        width: 90%;
        margin: auto;
    }

    .block1_text > h1{
        display: none;
    }

    .flex{
        flex-direction: column;
    }

    .gap{
        gap: 1em;
    }

    .block2{
        width: 85%;
        margin: auto;
        animation: none;
    }

    .block2_inner{
        width: 85%;
        display: grid; 
        grid-template-columns: 100%;
        grid-template-rows: 1fr;
        justify-content: center;
        column-gap: 0;
        row-gap: 5vh;
    }

    .card_long{
        grid-column-start: 1;
        grid-column-end: 1;
    }

    .block3{
        padding-bottom: 20vh;
    }

    .block3_inner{
        width: var(--width);
        margin: auto;
        display: grid;
        justify-content: center;
        grid-template-columns: 1fr;
        gap: 2%;
    }

    .block3_header{
        width: var(--width);
        margin: auto;
        padding-bottom: 5vh;
    }

    .block4{
        width: var(--width);
        margin: auto;
        padding-top: 10vh;
        padding-bottom: 10vh;
    }

    .block4_logo{
        width: 100%;
        padding-bottom: 5vh;
    }

    .block4 img{
        width: 250px;
    }

    .block4_text{
        width: 100%;
        font-size: 1.3em;
        line-height: 1.5em;
    }

    .block5_inner{
        width: var(--width);
    }

    .block5_text{
        gap: 5vh;
    }

}