/* ==========================================
   OLYMPO ADMIN V2
   RESPONSIVO
========================================== */


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .header-container {
        width: calc(100% - 30px);
    }

    .container {
        width: calc(100% - 30px);
    }

}


/* ==========================================
   CELULAR
========================================== */

@media (max-width: 700px) {

    .header {
        min-height: 150px;
    }

    .header-overlay {
        min-height: 150px;
    }

    .header-container {
        min-height: 150px;
    }

    .logo img {
        width: 110px;
    }

    .titulo-header {
        padding: 7px 10px;
    }

    .titulo-header span {
        font-size: 10px;
    }

    .pagina-titulo h1 {
        font-size: 25px;
    }

}


/* ==========================================
   CELULARES PEQUENOS
========================================== */

@media (max-width: 420px) {

    .header-container {
        width: calc(100% - 24px);

        gap: 10px;
    }

    .logo img {
        width: 95px;
    }

    .titulo-header {
        padding: 6px 8px;
    }

    .titulo-header span {
        font-size: 9px;
    }

    .container {
        width: calc(100% - 24px);

        padding-top: 25px;
    }

    .pagina-titulo h1 {
        font-size: 23px;
    }

}