/* ===== Telas muito pequenas (até 449px) ===== */
@media (max-width: 449px) {

    div.fundo-trt-parte1 {
        font-size: 6pt;
    }

    h1.part2 {
        font-size: 90%;
    }

    div.container-interior {
        height: 15%;
    }

    h6.texto-legenda {
        font-size: 8pt;
        margin-top: 0;
    }

    li.text {
        font-size: 6pt;
    }

    .btn-zoom {
        padding: 10px 10px 10px;
    }

    i.nav-item {
        top: 0;
        font-size: 0.8rem;
    }

    .expandir {
        bottom: 120px;
    }

    .aproximar {
        bottom: 95px;
    }

    .afastar {
        bottom: 70px;
    }

    .zoom-inicial {
        bottom: 45px;
    }

    .baixar {
        bottom: 20px;
        right: 7.8em;
    }
}

@media (max-width: 449px) {

    .fundo-trt-parte1 {
        display: none !important;
    }

    .fundo-trt-parte2 {
        display: none !important;
    }

    div.container-interior {
        height: auto;
    }

    .titulo-topo {
        margin: 0;
    }

    h1.part2 {
        font-size: 90%;
    }
}

/* ===== Telas pequenas (450px - 669px) ===== */
@media (min-width: 450px) and (max-width: 669px) {

    .fundo-trt-parte1 {
        display: none !important;
    }

    .fundo-trt-parte2 {
        display: none !important;
    }

    div.container-interior {
        height: auto;
    }

    .titulo-topo {
        margin: 0;
    }

    .titulo-topo > h1 {
        font-size: 10pt !important;
    }

    h1.part2 {
        font-size: 1em;
    }
}

/* ===== Telas médias (670px - 1190px) ===== */
@media (min-width: 670px) and (max-width: 1190px) {

    .fundo-trt-parte1 {
        display: none !important;
    }

}