@import url("../variaveis.css");

@import url("logo.css");
@import url("menu_hamb_cabecalho.css");
@import url("navbar_layout_cabecalho.css");
@import url("navbar_links_cabecalho.css");

.cabecalho {
    display: flex;
    position: fixed;
    top: 0;
    z-index: 10;
    background-color: var(--primary-color);
    color: var(--terciary-color);
    text-align: center;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 8vh;
    padding: 0 3rem 0 2rem;
}

@media screen and (min-width: 768px) {
    .cabecalho {padding: 0 1rem 0 1rem;}
}

@media screen and (min-width: 992px) {
    .cabecalho {padding: 0 2rem 0 1.5rem;}
}

@media screen and (min-width: 1200px){
    .cabecalho {padding: 0 3rem 0 2rem;}
}