
.block {
    display: flex;
    flex-direction: column;
    padding-top: 60px;

    align-items: center;

    width: 100%;
    height: 100%;
    background: url('./main_block_background.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: black;
    background-position: top;

    padding-bottom: 77px;
}

@media screen and (max-width: 800px) {
    .block {
        padding-top: 35px;
        background-size: 140%;
    }
}

@media screen and (max-width: 680px) {
    .block {
        padding-left: var(--padding-mobile-horizontal);
        padding-right: var(--padding-mobile-horizontal);
        padding-bottom: 28px;
    }
}

.text {
    max-width: 806px;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 130%;

    text-align: center;

    color: white;

    padding-top: 40px;
}

@media screen and (max-width: 1300px) {
    .text {
        max-width: 700px;
    }
}


@media screen and (max-width: 1000px) {
    .text {
        max-width: 500px;
    }
}

@media screen and (max-width: 1250px) {
    .text {
        font-size: 15px;
    }
}

@media screen and (max-width: 1000px) {
    .text {
        padding-top: 40px;
        font-size: 13px;

        font-family: 'Inter';
        font-style: normal;
        font-weight: 500;
        font-size: 13px;
        line-height: 130%;
    }
}

.logo {
    max-width: 378px;
    width: 100%;
    margin-left: var(--padding-mobile-horizontal);
    margin-right: var(--padding-mobile-horizontal);
}

@media screen and (max-width: 580px) {
    .logo {
        max-width: 43vw;
    }
}

@media screen and (max-width: 800px) {
    .text {
        text-align: left;
        padding-top: 28px;
    }
}