/* =======  Cabeçalho  ======*/
.cabecalho{
    align-items: initial;
    background: #F5F5F5;
    padding: 16px;
}
.cabecalho__barra {
    align-items: center;
    justify-content: space-between;
}

.referencias {
    display: none;
    margin: 0 32px 0 0;
}

.referencias--email {
    font-size: 14px;
    margin: 0;
}

/* ===========  tabletes  ===========*/
@media screen and (min-width: 768px){
    .cabecalho{
        padding: 16px 32px;
    }
    .referencias--email {
        font-size: 16px ;
        font-weight: 700;
    }

}
/* =========  desktop  ========== */
@media screen and (min-width: 1024px){
    .cabecalho{
        padding: 32px 9%;
    }
    /* .cabecalho__barra{
        padding: 32px 0;
    } */
    .referencias{
        display: flex;
    }
}