@media (max-width: 1200px) {
    .nav-bar-desktop {
        display: none;
        position: fixed;
        margin-top: 8vh;
        width: 100vw;
        z-index: 999;
    }

    .menu-responsivo {
        display: flex;
        height: 8vh;
        min-width: 100vw;
        position: sticky;
        top: 0;

        z-index: 999;
        background-color: #fff;
        border: 1px solid var(--borda-comum);
    }

    #abrir-menu {
        background-color: transparent;
        border: none;
        padding: 0 20px;
    }

    #abrir-menu img {
        width: 30px;
    }

    .menu-logo {
        text-align: center;
    }

    .menu-logo img {
        height: 30vh;
    }

    .conteudo {
        margin: 0;
        max-width: 100vw;
    }

    .cabecalho {
        padding: 5px 2%;
        flex-direction: column-reverse;
        gap: 30px;
    }

    .container-login {
        position: relative;
        width: 90%;
        margin: 0 auto;
        justify-content: flex-end;
    }

    .btn-idiomas {
        position: absolute;
        left: 0;
    }

    .intro {
        text-align: center;
        word-wrap: break-word;
        max-width: 90%;
    }

    .container {
        padding: 0;
    }

    .titulo-opcoes {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin: 20px 0 30px 0;
    }

    .titulo {
        width: 100%;
    }

    .opcoes {
        width: 100%;
        align-items: flex-start;
    }

    .row {
        margin: 0;
    }

    .row>* {
        padding: 0;
        margin: 0;
    }

    .video {
        width: 90vw;
    }

    .video img {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .video-overlay {
        margin: 0;
    }

    .outline {
        min-width: 65px;
        min-height: 65px;
    }

    .detalhes {
        width: 100%;
    }

    .novo {
        width: 50%;
    }
}

@media (max-width: 870px) {
    .video-overlay {
        padding: 10px;
    }

    .video-titulo {
        font-size: 18px;
    }

    .nome-formacao h1 {
        font-size: 18px;
    }

    .nome-formacao h5 {
        font-size: 14px;
    }

    .outline {
        width: 50px;
        height: 50px;
    }

    .outline img {
        width: 80%;
    }

    .textos-boas-vindas p {
        font-size: 10px;
    }
}