/* Custom styles migrated from shared/_custom_css.html.slim */

:root {
    --lg-tertiary-bg: #faf9f7;
    --lg-tertiary-bg-rgb: 250, 249, 247;
    --lg-secondary-bg: #f1f2ed;
    --lg-secondary-bg-rgb: 241, 242, 237;
}

@font-face {
    font-family: "Legalio";
    src: url(/fonts/Legalio-Medium.otf) format("opentype"),
         url(/fonts/Legalio-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.card-title, .font-title, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: "Legalio", Arial, sans-serif;
    font-style: normal;
    letter-spacing: -.02em;
}

.masthead-title {
    font-family: "Legalio", Arial, sans-serif;
    font-style: normal;
    letter-spacing: -.04em;
    font-size: 3.25rem;
    line-height: 100%;
}

.masthead-subtitle {
    font-family: "Legalio", Arial, sans-serif;
    font-style: normal;
    letter-spacing: -.04em;
    font-size: 2.5rem;
    line-height: 100%;
}

@media (max-width: 1200px) {
    .masthead-title {
        font-size: 3rem;
    }
    .masthead-subtitle {
        font-size: 2rem;
    }
}
@media (max-width: 768px) {
    .masthead-title {
        font-size: 2.5rem;
    }
    .masthead-subtitle {
        font-size: 1.5rem;
    }
}
@media (max-width: 576px) {
    .masthead-title {
        font-size: 2rem;
    }
    .masthead-subtitle {
        font-size: 1.25rem;
    }
}