@font-face {
    font-family: 'DMSans';
    src: url('../fontes/DMSans/DMSans.woff2') format('woff2'),
        url('../fontes/DMSans/DMSans.woff') format('woff'),
        url('../fontes/DMSans/DMSans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

:root {
    --brand: #52688b;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'DMSans', sans-serif !important;
}

.coming-soon-page {
    background-color: #f2f2f4;
}

.text-brand {
    color: var(--brand) !important;
}

.bg-brand {
    background-color: var(--brand) !important;
}

.coming-soon-img {
    width: clamp(170px, 46vw, 360px);
}

.coming-soon-text {
    max-width: 560px;
}

.coming-soon-divider {
    width: 96px;
    height: 4px;
}

@media (max-width: 575.98px) {
    .coming-soon-img {
        width: min(72vw, 240px);
    }

    .coming-soon-text {
        max-width: 320px;
    }
}