/* --------------------
 Contact
-------------------- */
.contact__note {
    margin: 0 0 30px;
}

.contact__note__title {
    align-items: center;
    color: #004097;
    display: flex;
    flex-flow: column nowrap;
    font-size: 2.4rem;
    font-weight: 700;
    gap: 15px 20px;
    justify-content: center;
    letter-spacing: 0.15em;
    line-height: 1.2;
    margin: 0 0 20px;
    text-align: center;
}

@media (min-width: 768px) {
    .contact__note__title {
        flex-direction: row;
        font-size: 2.8rem;
        justify-content: flex-start;
        text-align: left;
    }
}

.contact__note__title:after {
    background-image: url(../images/icons/icon-symbol.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    display: block;
    height: 9px;
    width: 32px;
}

@media (min-width: 768px) {
    .contact__note__title:after {
        height: 14px;
        width: 52px;
    }
}