@font-face {
    font-family: 'Mulish';
    src: url('../fonts/Mulish-Medium.woff');
}

@font-face {
    font-family: 'Mulish-ExtraBold';
    src: url('../fonts/Mulish-ExtraBold.woff');
    font-weight: bold;
}

@font-face {
    font-family: 'Mulish-000000-900';
    src: url('../fonts/Mulish-000000.woff');
    font-weight: bold;
}

@font-face {
    font-family: 'Mulish-Bold';
    src: url('../fonts/Mulish-Bold.woff');
    font-weight: bold;
}

@font-face {
    font-family: 'Mulish-SemiBold';
    src: url('../fonts/Mulish-SemiBold.woff');
}

@font-face {
    font-family: 'Mulish-Medium';
    src: url('../fonts/Mulish-Medium.woff');
}

@font-face {
    font-family: 'Mulish-Light';
    src: url('../fonts/Mulish-Light.woff');
}

@font-face {
    font-family: 'Mulish-Black';
    src: url('../fonts/Mulish-Black.woff');
}


:root{
    --cor-primaria: #419595;
    --cor-secundaria: #DF0209;
    --cor-terciaria: #EC7615;
}

body {
    font-family: 'Mulish';
    min-height: 75rem;
    padding-top: 4.5rem;
    background-color: #F0F0F0;
    font-size-adjust: 0.48;
}

.titulo {
    font-family: 'Mulish-ExtraBold';
    font-size: 48px;
    color: var(--cor-primaria);
}

.sub-titulo {
    font-family: 'Mulish-Medium';
    font-size: 24px;
    color: #666666;
}

#quebra-mobile {
    display:none;
}

.icone-titulo {
    width: 96px;
    height: auto;
}

.filter-cor-primaria {
    filter: invert(77%) sepia(38%) saturate(321%) hue-rotate(121deg) brightness(86%) contrast(88%);
}

.filter-cor-secundaria {
    filter: invert(10%) sepia(67%) saturate(6833%) hue-rotate(353deg) brightness(110%) contrast(110%);
}

.filter-white {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.texto-grande {
    display: block;
}

.texto-pequeno {
    display: none;
}

.fonte-branca {
    color: #fff;
}

.fonte-preta {
    color: #000;
}

.fundo-cor-primaria {
    background-color: var(--cor-primaria);
}

.fundo-cor-secundaria {
    background-color: var(--cor-secundaria);
}

.fundo-cor-terciaria {
    background-color: var(--cor-terciaria);
}

@media(max-width:991px){
    .titulo {
        font-family: 'Mulish-Bold';
        font-size: 24px;
        color: var(--cor-primaria);
    }

    .sub-titulo {
        font-family: 'Mulish-Medium';
        font-size: 18px;
        color: #666666;
    }    

    #quebra-mobile {
        display:block;
    }

    .texto-grande {
        display: none;
    }
    
    .texto-pequeno {
        display: block;
    }
}