@media only screen and (max-width: 669px) { 

/* main */

.mobile-main .container {
    gap: var(--spacing-32);
}

/* institucional-1 */

.institucional-1 .container {
    align-items: center;
}

    .institucional-1 h1 {
        width: 100%;
        text-align: center;
    }

        .institucional-1 .missao-valores-objetivos {
            flex-direction: column;
        }

            .institucional-1 .missao, .institucional-1 .valores, .institucional-1 .objetivos {
                gap: var(--spacing-18);
                border: 2px solid #bdbdbd;
                border-radius: var(--small-border-radius);
            }

                .institucional-1 .content-container {
                    margin: var(--base-grid-spacing);
                    gap: var(--spacing-18);
                }

                    .institucional-1 .missao .img-container, .institucional-1 .valores .img-container, .institucional-1 .objetivos .img-container {
                        height: 138px;
                        border-radius: var(--small-border-radius);
                    }

                        .institucional-1 .h2-p-container h2 {
                            font-size: 1.5rem; /*24px*/
                            line-height: 1.8rem; /*28.8px*/
                        }

                        .institucional-1 .h2-p-container p {
                            font-size: 1.125rem; /*18px*/
                            line-height: 1.35rem; /*21.6px*/
                        }

/* institucional galeria */

.institucional-galeria .container {
    width: 100%;
}

    .institucional-galeria .galeria-pagination {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--base-grid-spacing);
    }

        .institucional-galeria .galeria-container {
            height: 332px;
        }

            .institucional-galeria .galeria-container .img-container {
                border-radius: 0;
            }
}

/* tablet */ 

@media only screen and (min-width: 670px) and (max-width: 999px) { 

/* headers */

    .eixos h1, .calendario-eventos h1 {
        width: 60%;
    }

/* gap container */

    .mobile-main .container, .eixos .container, .institucional-1 .container, .institucional-2 .texto-container, .institucional-galeria .container, .calendario-eventos .container {
        gap: var(--spacing-32);
    }

   
/* banner azul */

    .banner-azul {
        border-radius: 0 var(--main-border-radius-tablet) 0 var(--main-border-radius-tablet);
        margin: 0;
    } 
    
        .banner-content-container {
            margin: 2.5rem;
        }

/* institucional 1 */

    .institucional-1 .missao-valores-objetivos {
        flex-direction: column;
    }

        .institucional-1 .missao, .institucional-1 .valores, .institucional-1 .objetivos {
            gap: var(--spacing-18);
            border: 2px solid #bdbdbd;
            border-radius: var(--small-border-radius);
            width: 100%;
        }

            .institucional-1 .content-container {
                flex-direction: row;
                margin: var(--base-grid-spacing);
                gap: var(--spacing-18);
                align-items: center;
            }

                .institucional-1 .missao .img-container, .institucional-1 .valores .img-container, .institucional-1 .objetivos .img-container {
                    height: 168px;
                    border-radius: var(--small-border-radius);
                }

                    .institucional-1 .h2-p-container h2 {
                        font-size: 1.5rem; /*24px*/
                        line-height: 1.8rem; /*28.8px*/
                    }

                    .institucional-1 .h2-p-container p {
                        font-size: 1.125rem; /*18px*/
                        line-height: 1.35rem; /*21.6px*/
                    }

/* institucional 2 */

    .institucional-2 .container {
        margin: 0 0 var(--section-margin-top-bottom-tablet) 0;
    }

        .institucional-2 .img-container {
            height: 334px;
        }

/* institucional galeria */

    .institucional-galeria .galeria-container {
        height: 325px;
    }

        .institucional-galeria .galeria-controle img {
            width: 42px;
            height: 42px;
        }
}