@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaExtraLight.woff2') format('woff2'),
    url('../font/vonca/VoncaExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaLight.woff2') format('woff2'),
    url('../font/vonca/VoncaLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaRegular.woff2') format('woff2'),
    url('../font/vonca/VoncaRegular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaMedium.woff2') format('woff2'),
    url('../font/vonca/VoncaMedium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaSemibold.woff2') format('woff2'),
    url('../font/vonca/VoncaSemibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaBold.woff2') format('woff2'),
    url('../font/vonca/VoncaBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Vonca';
    src: url('../font/vonca/VoncaExtraBold.woff2') format('woff2'),
    url('../font/vonca/VoncaExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}


* {
    box-sizing: border-box;
}
:root {
    --black: #242021;
    --white: #fdf3f3;
    --red: #da512c;
}
html, body {
    overflow-x: clip;
}
body {
    font-family: 'Vonca';
    color: var(--black);
    background-color: var(--white);
    min-height: 100lvh;
    font-weight: 500;
}
.fs-hero .content {
    min-height: 100lvh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 50px;
}
.fs-hero .title {
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 140px;
    line-height: 0.8;
}
.fs-hero .title:first-line {
    letter-spacing: 3px;
}
.fs-hero .text {
    text-transform: uppercase;
    font-size: 48px;
    text-align: center;
    max-width: 900px;
}
.fs-hero .logo-block {
    display: flex;
    align-items: center;
    column-gap: 50px;
    text-decoration: none;
}
.fs-hero .logo-block img {
    width: 300px;
}
.fs-hero .logo-block .number-left,
.fs-hero .logo-block .number-right {
    font-size: 48px;
    text-decoration: none;
    color: var(--red);
}
.fs-contact {
    background-repeat: repeat-x;
    background-position: center center;
    background-size: 200px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.15 1066.08'%3E%3Cg%3E%3Cpolygon fill='%23b24d35' points='31.17 22.26 24.55 16.61 24.55 5.11 18.56 0 18.56 105.02 12.6 110.11 12.6 121.61 5.98 127.26 5.98 115.77 0 120.88 0 225.9 5.98 220.79 5.98 209.29 12.6 203.63 12.6 215.14 18.56 210.05 18.56 315.06 12.6 320.16 12.6 331.65 5.98 337.3 5.98 325.81 0 330.92 0 435.95 5.98 430.84 5.98 419.33 12.6 413.68 12.6 425.19 18.56 420.1 18.56 525.11 12.6 530.2 12.6 541.7 5.98 547.35 5.98 535.86 0 540.97 0 645.99 5.98 640.88 5.98 629.38 12.6 623.72 12.6 635.23 18.56 630.14 18.56 735.15 12.6 740.25 12.6 751.74 5.98 757.39 5.98 745.9 0 751.01 0 856.04 5.98 850.93 5.98 839.42 12.6 833.77 12.6 845.28 18.56 840.19 18.56 945.2 12.6 950.29 12.6 961.79 5.98 967.44 5.98 955.95 0 961.06 0 1066.08 5.98 1060.97 5.98 1049.47 12.6 1043.81 12.6 1055.32 18.59 1050.21 18.59 945.23 24.55 950.32 24.55 938.81 31.17 944.47 31.17 955.97 37.15 961.08 37.15 856.06 31.17 850.95 31.17 862.44 24.55 856.79 24.55 845.29 18.57 840.18 18.59 840.17 18.59 735.19 24.55 740.28 24.55 728.77 31.17 734.42 31.17 745.93 37.15 751.04 37.15 646.01 31.17 640.9 31.17 652.39 24.55 646.74 24.55 635.25 18.57 630.14 18.59 630.13 18.59 525.14 24.55 530.23 24.55 518.72 31.17 524.38 31.17 535.88 37.15 540.99 37.15 435.97 31.17 430.86 31.17 442.35 24.55 436.7 24.55 425.2 18.57 420.09 18.59 420.08 18.59 315.1 24.55 320.19 24.55 308.68 31.17 314.33 31.17 325.84 37.15 330.95 37.15 225.92 31.17 220.81 31.17 232.3 24.55 226.65 24.55 215.16 18.57 210.05 18.59 210.04 18.59 105.06 24.55 110.14 24.55 98.63 31.17 104.29 31.17 115.79 37.15 120.9 37.15 15.88 31.17 10.77 31.17 22.26'/%3E%3C/g%3E%3C/svg%3E");
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 136.9 970.7'%3E%3Cpath fill='%23c04f30' d='M68.4,0v514.2l-21.8-18.5v-42.4l-24.6-20.6v42.5L0,456.6V0h68.4Z'/%3E%3Cpath fill='%23c04f30' d='M68.4,970.7v-456.6s22.1-18.7,22.1-18.7v42.5s24.6-20.6,24.6-20.6v-42.4s21.8-18.5,21.8-18.5v514.2s-68.4,0-68.4,0Z'/%3E%3C/svg%3E");*/
}
.fs-contact .content {
    min-height: 100lvh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.fs-contact .contact-block {
    width: 600px;
    padding: 50px;
    background-color: var(--white);
    border: 2px solid var(--red);
    display: flex;
    flex-direction: column;
    align-items: center;
}
.fs-contact .address {
    font-size: 32px;
    text-align: center;
    margin-bottom: 50px;
    margin-top: 50px;
}
.fs-contact .contact-block .link {
    color: var(--black);
    text-decoration: none;
    font-size: 32px;
}
.fs-contact .instagram {
    padding-left: 35px;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 28px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23242021' d='M224.3 141a115 115 0 1 0 -.6 230 115 115 0 1 0 .6-230zm-.6 40.4a74.6 74.6 0 1 1 .6 149.2 74.6 74.6 0 1 1 -.6-149.2zm93.4-45.1a26.8 26.8 0 1 1 53.6 0 26.8 26.8 0 1 1 -53.6 0zm129.7 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM399 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z'/%3E%3C/svg%3E");
}
.fs-contact .contact-logo img {
    width: 200px;
}
@media screen and (max-width: 560px) {
    .fs-hero .logo-block img {
        width: 120px;
    }
    .fs-hero .logo-block .number-left, .fs-hero .logo-block .number-right {
        font-size: 36px;
    }
    .fs-hero .text {
        font-size: 36px;
    }
    .fs-hero .content {
        padding: 0 15px;
    }
    .fs-hero .title {
        font-size: 96px;
    }
    .fs-hero .title:first-line {
        letter-spacing: 2px;
    }
    .fs-contact .contact-block {
        width: calc(100% - 60px);
        padding: 50px 30px;
    }
    .fs-contact .address {
        margin-bottom: 0;
        margin-top: 30px;
    }
    .fs-contact {
        background-size: 100px;
    }
    .fs-hero .logo-block {
        column-gap: 30px;
    }
    .fs-contact .contact-logo img {
        width: 200px;
    }
}