@media (max-width: 1354px) {
    .logo-clinora-header {
        display: none;
    }
}

@media (max-width: 1232px) {
    header {
        padding: 1.5rem .75rem;
        gap: 2rem;
    }
}

@media (min-width: 1144px) {
    .btn-menu-hamburger {
        display: none !important;
    }

    #menu {
        display: flex !important;
    }
}

@media (max-width: 1143px) {
    header {
        flex-direction: column;
        padding: 1.5rem .75rem;
        gap: 1rem;
        z-index: 1000;
    }

    .btn-menu-hamburger {
        display: block !important;
    }

    #menu {
        display: none;
    }

    img {
        display: none !important;
    }

    .navegacao-menu-superior,
    .lista-navegacao-menu-superior {
        flex-direction: column;
        width: 100%;
        gap: 1rem;
    }

    .navegacao-menu-superior {
        border-top: 1px solid var(--light-primary);
        border-bottom: 1px solid var(--light-primary);
        padding: 1rem 0;
    }

    .collapse-nav {
        position: relative;
        margin: 0;
        margin-left: 1rem;
        background-color: transparent;

        & li {
            border-bottom: 1px solid var(--text-light);
            padding: .25rem;
        }
    }

    .btn-acessar-sistema {
        position: absolute;
        top: 1.5rem;
        right: .75rem;
    }

    footer {
        padding: 1.5rem;
    }

    .item-rodape {
        display: none;
    }

    .burocraticos {
        position: static;
        display: block;
    }
}

@media (max-width: 750px) {

    .headline-principal h2,
    .headline h2 {
        text-align: center;
        line-height: 2.5rem !important;
    }

    div,
    section {
        width: 100% !important;
        padding: 1.5rem !important;
    }

    .headline-principal>h2 {
        font-size: 2.25rem !important;
    }

    h2 {
        font-size: 1.5rem !important;
    }

    h3 {
        font-size: 1.375rem !important;
    }

    h4 {
        font-size: 1.25rem !important;
    }

    h5 {
        font-size: 1.125rem !important;
    }

    h6 {
        font-size: 1rem !important;
        font-weight: 600;
    }

    p,
    li,
    span,
    a {
        font-size: .875rem !important;
    }
}

@media (max-width: 450px) {

    div,
    section {
        width: 100% !important;
        padding: .5rem !important;
    }
}