h1, h2, h3, h4, h5, h6 {
    font-family: 'Flow Legal Heading', sans-serif !important;
}

@font-face {
    font-family: 'Flow Legal Heading';
    src: url('/css/fonts/default-font.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

.legal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 14px 24px;
    margin-top: 34px;
    padding-top: 22px;
    border-top: 1px solid #282828;
    color: #777;
    font-size: 13px;
}

.legal-footer-links {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 22px;
}

.legal-footer a {
    color: #999;
    text-decoration: none;
    transition: color .18s ease;
}

.legal-footer a:hover,
.legal-footer a:focus-visible {
    color: #fff;
}

@media (max-width: 620px) {
    .legal-footer { align-items: flex-start; flex-direction: column; }
    .legal-footer-links { gap: 9px 18px; }
}
