@media (max-width: 1200px){

    /* global */
    .container { max-width: 100%; padding: 0px 20px; }

}

@media (max-width: 1000px){

    /* cover */
    #cover.cover-alt { height: auto; }
    #cover #search { width: 100%; margin-top: 40px; margin-bottom: -60px; padding: 20px; }
    #cover #search fieldset { gap: 10px; }
    #cover #search fieldset label:first-of-type { width: calc(100% - 50px); }
    #cover #search fieldset label:last-of-type { width: 50px; }
    #cover #search fieldset label:last-of-type i { font-size: 20px; }
    #cover #search fieldset label:last-of-type b { display: none; }
    #cover #search fieldset label input { font-size: 12px; padding-right: 10px; }
    #cover #search fieldset label button { font-size: 13px; }


    /* especialidades */
    #especialidades nav ul { margin-top: 100px; }

}

@media (max-width: 880px){

    /* global */
    body { font-size: 0.8rem; }
    h6 { font-size: 1.1rem !important; }
    h5 { font-size: .7rem !important; }
    span a { font-size: 0.8rem !important; }

    /* header */
    #header .right { display: none; }
    span.toggle { display: block; }

    /* cover */
    #cover { height: auto; margin-bottom: 100px; padding-top: 40px; }
    #cover h6 { width: 100%; }
    #cover p { width: 100%; }
    #cover img { margin-top: 40px; margin-bottom: -50px; }

    /* banner */
    #banner img { min-height: 140px; -o-object-fit: cover; object-fit: cover; }

    /* missao */
    #missao section { grid-template-columns: repeat(2, 1fr); }

    /* shortcut */
    #shortcut { margin-top: 0px; }
    #shortcut section { grid-template-columns: repeat(2, 1fr); }

    /* green */
    #green section span.item { height: auto; }
    #green section span.item strong { font-size: 13px; }

    /* gallery */
    #gallery nav ul { flex-direction: column; justify-content: center; }
    #gallery nav ul li { margin: 20px 0px !important; }
    #gallery nav ul img { width: 100%; height: auto; margin: 0px !important; }

    /* online */
    #online .container { flex-direction: column; }
    #online figure img { width: 100%; }
    #online section { width: 100%; padding: 60px 30px 0px 30px; text-align: center; }

    /* about */
    #about .container { flex-direction: column; }
    #about figure img { width: 100%; }
    #about section { width: 100%; padding: 0px 30px 60px 30px; text-align: center; }

    /* faq */
    #faq .container { flex-direction: column; }
    #faq figure { width: 100%; margin-left: 0px; }
    #faq figure img { width: 100%; height: auti; }
    #faq section { width: 100%; padding: 60px 30px 0px 30px; text-align: center; }

    /* historia */
    #historia .cont { padding: 20px; }
    #historia section { margin-top: 40px; flex-direction: column; }
    #historia section::before { display: none;}
    #historia section article { width: 100%; height: auto; margin: 0px 0px 20px 0px; flex-direction: column; align-items: flex-start !important; }
    #historia section article sup { position: relative !important; top: auto !important; bottom: auto !important; left: auto; display: block; width: auto; margin-bottom: 10px; transform: none; text-align: left; font-size: 16px; }
    #historia section article sup::before,
    #historia section article sup::after { display: none; }
    #historia section article p { text-align: left; font-size: 13px; }
    #historia section article p::before { display: none; }

    /* contato */
    #cover.cover-contato { padding: 40px 0px; margin-bottom: 0px; }
    #contato { margin-top: 20px; }
    #contato section figure { display: none; }
    #contato section aside { width: 100%; }

    /* footer */
    #footer { padding: 0px 0px 30px 0px; }
    #footer .container { flex-direction: column; }
    #footer .column { width: 100% !important; height: auto; padding: 30px 0px 0px 0px !important; justify-content: center; border: none !important; text-align: center !important; }
    #footer .column:first-of-type img { display: block; margin: 0px auto; }
    #footer .column:nth-of-type(2) img { position: relative; top: auto; left: auto; transform: none; display: block; width: 25px; height: 25px; margin: 0px auto 10px auto; }
    #footer .column:nth-of-type(2) span a { margin-bottom: 10px; padding-left: 0px; }

    /* bottom */
    #bottom span,
    #bottom strong { font-size: 12px; }

}

@media (max-width: 650px){

    /* global */
    html, body { overflow-x: hidden; }

    /* contato */
    #localizacao section aside { display: none; }

}

@media (max-width: 550px){

    /* header */
    #header,
    #header .container { height: 70px; }
    #header span.logo img { width: 160px; }

    /* cover */
    #cover.cover-alt { margin-bottom: 40px; }

    /* especialidades */
    #especialidades nav ul { 
        margin-bottom: 40px;
        width: 100%; 
    }

    #especialidades nav ul li{

    }

    /* instagram */
    #instagram::after { display: none; }

    /* missao */
    #missao section { grid-template-columns: 1fr; }

    /* contato */
    #contato section aside fieldset { grid-template-columns: 1fr; }
    #contato section aside fieldset label { grid-column: 1/3 !important; }

}