* {
    font-family: Lexend;
}

html {
    font-size: 14px;
}

body {
    color: #000;
}

.container, .container-fluid {
    padding-right: 16px;
    padding-left: 16px;
}


@media screen and (max-width: 992px) {
    .margem-container {
        margin-top: 80px;
    }
    .margem-container-especial {
        margin-top: 80px;
    }
}

@media screen and (min-width: 992px) {
    .margem-container {
        margin-top: 176px;
    }
    .margem-container-especial {
        margin-top: 140px;
    }
}

#menu-principal {
    transition: all .3s ease;
    opacity: 1;
    height: 200px;
}
#menu-principal.esconder {
    transition: opacity .1s ease, transform .3s ease, height .4s ease;
    transform: translateY(-10px);
    opacity: 0;
    height: 0px;
}