@charset "UTF-8";
/**
 * Flexible Styles
 *
 * This second stylesheet is for hotfixes/flexible CSS.
 * Do not edit the main style.css directly, rather
 * add your changes here if you are not compiling the Sass files.
 */

:root {
  --font-figtree: "Figtree", sans-serif;
}


.figtree {
    font-family: var(--font-figtree);
}

.flex-content p {
    font-family: var(--font-figtree);
}

.flex-content section.hero .content h2 {
    font-size: 6.8rem !important;
    margin-bottom: 20px;
}
.flex-content section.hero .content p {
    font-family: var(--font-figtree);
    font-size: 1.8rem;
}

.flex-content section.text {
    margin: 85px 0;
}

body .button-dark {
    background-color: #A15945;
}

section.container-lg .content {
    max-width: 1372px;
}

section.section-col-5 h2,
section.section-col-5 h3,
section.section-col-5 h4 {
    font-weight: 400;
    margin: 0 0 1.4rem;
}

section.container-lg h3 {
    font-size: 24px;
}

section.container-lg.text .content ul {
    margin-top: 2em;
}

ul li {
    break-inside: avoid-column;
}

@media (min-width: 992px) {
    section.section-col-5 .col {
        flex: none;
    }

    section.section-col-5 .col:first-child {
        width: 60%; 
    }

    section.section-col-5 .col:last-child {
        width: 40%;
    }
    ul.column-2 {
        column-count: 2;
    }
    ul.column-3 {
        column-count: 3;
    }
}