@charset "utf-8";

/* CSS Document */

.hero {
    padding: 5em 0 6em;
    background: #f0f0f0;

    h2 {
        padding: 0;
        margin: 0;
        display: block;
        font-weight: bold;
        text-align: center;
        font-size: clamp(18px, 1.6vw, 30px);

        &:after {
            content: "";
            display: block;
            margin: 0.25em auto 0;
            width: 4em;
            height: 3px;
            background: linear-gradient(to right, #211a49, #211a49 50%, #e83a22 50%, #e83a22);
        }
    }
}

@media screen and (max-width: 767px) {
    .hero {

        h2 {
            font-size: clamp(18px, 5.5vw, 30px);
        }
    }
}