@font-face {
    font-family: "Bebas Neue Cyrillic";
    src: url("./fonts/bebasneuecyrillic.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

.footer-medical-notice {
    margin-top: 30px;
    border-top: 1px solid #28639F;
    padding: 30px 0 20px;
    color: #28639F;
}

.footer-medical-notice__text {
    margin: 0;
    font-family: "Bebas Neue Cyrillic", sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
}

.footer-medical-notice__first {
    display: block;
    font-size: 32px;
    letter-spacing: 1.28px;
}

.footer-medical-notice__second {
    display: block;
    font-size: 25px;
    letter-spacing: -0.25px;
}

/* The notice owns the bottom spacing in both footer variants. */
.footer-medical-notice-container {
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .footer-medical-notice {
        padding-bottom: 30px;
        text-align: center;
    }

    .footer-medical-notice__text {
        font-size: 30px;
        line-height: 100.09%;
        letter-spacing: -0.3px;
    }

    .footer-medical-notice__first,
    .footer-medical-notice__second {
        display: inline;
        font-size: inherit;
        letter-spacing: inherit;
    }
}

@media (min-width: 1280px) {
    .footer-medical-notice__text {
        font-size: 50px;
        letter-spacing: -0.5px;
    }
}