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

/* institucional-2 */

.institucional-2 .container {
    flex-direction: column;
    gap: var(--spacing-32);
}

    .institucional-2 .texto-container {
        width: 100%;
        gap: var(--spacing-32);
        align-items: center;
    }

        .institucional-2 .titulo-texto {
            gap: 1rem;
        }

    .institucional-2 .img-container {
        order: -1;
        width: 100%;
        height: 213px;
    }

/* vídeo institucional */

.video-container {
    height: 437px;
}

/* missão, visão, valores */

.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*/
                            width: 288px;
                        }

}

/* tablet */ 

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

/* institucional 2 */

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

/* missão, visão, valores */

.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*/
                        width: 300px;
                    }

}

@media only screen and (min-width: 1000px) and (max-width: 1269px) {

    /* missão, visão, valores */

    .institucional-1 .container {
        width: 1000px;
    }

    .institucional-1 .h2-p-container p {
        width: 320px;
    }

}