:root {
    --font-size-1: 12px;
    --font-size-2: 14px;
    --font-size-3: 16px;
    --font-size-4: 18px;

    --font-size-5: 22px;
    --font-size-6: 19px;
    --font-size-7: 24px;
    --font-size-8: 28px;
    --font-size-9: 60px;

    --main-text-color:#161616;

    --center-width:1312px;
    --big-max-width:1550px;

    --logo-width: 130px;
    --logo-height: 54px;

    --button_height:56px;
    --button_padding:0 30px;
    --button_min_width:140px;
    --button_border-radius:5px;
    --button_main_color:#4169E1;
    --button_hover_color:#0B1A3D;

    --main_color:#4169E1;
    --hover_color:#4169E1;
    --partner_back:#0B1A3D;

    --main_img_height:412px;

    --soc_icon:40px;
    --silpo_logo_width:144px;
    --silpo_logo_height:55px;
    --silpo_lavka_logo:100px;

    --page-top-margin:54px;
}

@media (max-width:1200px) {
    :root {
        --font-size-5: 20px;
        --font-size-6: 18px;
        --font-size-7: 22px;
        --font-size-8: 24px;
        --font-size-9: 50px;

    }
}
@media (max-width:1024px) {
    :root {
        --font-size-9: 44px;
    }
}
@media (max-width:900px) {
    :root {
        --font-size-9: 38px;
        --font-size-4: 16px;
        --font-size-5: 18px;

    }
}
@media (max-width:700px) {
    :root {
        --page-top-margin:15px;
    }
}
@media (max-width:450px) {
    :root {
        --font-size-9: 32px;
    }
}
@media (max-width:350px) {
    :root {
        --font-size-2: 12px;
        --font-size-5: 16px;
        --font-size-9: 28px;
        --font-size-8: 20px;
        --font-size-7: 18px;
        --button_height:48px;
    }
}