@media(max-width: 768px){
    * {
    box-sizing: border-box;
}

    .html, body{
        overflow-x: hidden;
        max-width: 100vw;
    }
        .nav_header{
        display: none;
    }
    .log-in_header{
        display: none;
    }
    .content_header{
        grid-template-columns: 1fr 1fr;
    }

    /* Banner Inicial */
    .head_banner_inicial{
        display: flex;
        justify-content: center;
        text-align: center;
    }
        .mobile_head_banner_inicial{
        display: flex;
        background-image: url('../Imagens/mobile_professions/detalhe_banner.svg');
        box-sizing: border-box;
        padding: 16px;
        max-width: 360px;
        height: 185px;
    }
    .mobile_head_banner_inicial p{
        font-family: 'YSText', Arial, sans-serif;
        font-weight: 200;
        color: #1a1a1a;
        font-size: 20px;
        line-height: 24px;
        background-size: cover;
    }
    .content_banner_inicial{
        display: flex;
        flex-direction: column;
        width: 100%;
        margin: 0 16px  
    }
    .background_image_head_banner_inicial{
        display: none;
    }
    .body_banner_inicial{
        display: flex;
        flex-direction: column;
        gap: 0px;
    }
    .white_block_banner_inicial{
        background-color: unset;
        padding: 0px;
    }
    .white_block_banner_inicial h1{
        font-size: 40px;
        line-height: 40px;
        width: 50%;
        align-self: center;
        margin-top: 64px;
    }
    .mobile_banner_white_text{
        background-color: #fff;
        display: flex;
        justify-content: center;
        border-radius: 12px;
        padding: 16px 0;
    }
    .orange_block_banner_inicial{
        align-items: center;
    }
    .inputs_orange_block{
        width: 50%;
    }
    .foot_orange_block{
        width: 50%;
    }
    .mobile_banner_white_text p{
        width: 300px;
    }
    .foot_banner_inicial{
        flex-direction: column;
        border-radius: 12px;
        align-items: center;
    }
    .topics_banner_inicial{
        padding: 16px 24px;
    }
    .topics_banner_inicial p{
        width: 55%;
    }
    /* Whats Data Analysis */
    .color_effect_whats h2{
        font-size: 16px;
        line-height: 19px;
    }
    .content__whats_data_analysis h1{
        font-size: 40px;
        line-height: 38px;
        width: 45%;
    }
    .content__whats_data_analysis p{
        width: 50%;
    }
    .icon_whats_data img{
        width: 48px;
        height: 48px;
    }
    /* Salary */
    .content_salary{
        width: 100%;
        margin: 0 16px;

    }
    .top_box_salary{
        border-radius: 12px;
    }
    .text_top_box_salary{
        display: flex;
        flex-direction: column;
        width: 45%;
    }
    .text_top_box_salary h1, .text_top_box_salary span{
        font-size: 32px;
        line-height: 32px;
    }
    .text_top_box_salary p{
        display: none;
    }
    .mobile_reference_salary{
        display: flex;
          text-align: start;
    color: #808080;
    font-size: 14px;
    font-family: 'YSText', Arial, sans-serif;
    line-height: 18px;
    font-weight: 100;
        width: 30%;
    }
    .graphics_top_box_salary {
    display: flex;
    flex-direction: column;
    }
    .value_salary{
        gap: 8px;
    }
    .text_value_salary p{
        font-size: 14px;
        line-height: 17px;
    }
    .text_value_salary h1{
        line-height: 32px;
    }
    .graphic_art_salario_inicial, .graphic_art_pleno, .graphic_art_senior{
        height: 40px;
    }
    .graphic_art_pleno{
        width: 370px;
    }
    .text_background_salary h1{
        font-size: 32px;
        line-height: 32px;
        width: 45%;
    }
    .background_bottom_box_salary{
        align-items: center;
        height: 441px;
    }
    .text_background_salary{
       display: flex
;
        justify-content: center;
    }
    /* Online Training */
    .content_online_training{
        width: 100%;
        align-items: center;
    }
    .head_online_training{
        width: 42%;
    }
    .head_online_training h1{
        font-size: 40px;
        line-height: 38px;
    }
    .icon_online_training{
        position: absolute;
        top: 10%;
        right: 36%;
    }
    .icon_online_training img{
        width: 48px;
        height: 48px;
    }
    /* Modulo */
    .container{
        margin: 0 64px;
        max-width: 100%;
    }
    .titulo-secao{
        font-size: 24px;
        line-height: 24px;
        text-align: center;
        margin: 64px 220px 16px;
    }
    .stamp_online_training{
        top: 100%;
        left: 36%;
        margin-top: 0px;
    }
    .stamp_online_training p{
        font-size: 14px;
        line-height: 18px;
    }
    /* Certificado */
    .content_certificado{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .left_content_certificado{
        padding: 24px;
    }
    .left_content_certificado h1{
        font-size: 32px;
        line-height: 32px;
        width: 45%;
    }
    .image_certificado img{
        width: 316px;
    height: 252px;
    }
    /* Unica */
    .content_unica h1{
        font-size: 40px;
        line-height: 40px;
        width: 45%;
    }
    .content_unica img{
        width: 40px;
        height: 40px;
    }
    /* Qualidade de ensino */
    .content_qualidade_ensino{
        max-width: 328px;
    }
    .body_qualidade_ensino{
        display: flex;
        flex-direction: column;
    }
    .bottom_text_body_qualidade{
        display: flex;
        flex-direction: column;
    }
    .top_text_body_qualidade{
        font-size: 32px;
        line-height: 32px;
    }
    .video_body_qualidade_ensino{
        height: 463px;
    }
    /* USA colleges */
    .content_usa_colleges{
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 328px;
        padding: 16px;
    }
    .text_usa_colleges{
        position: inherit;
        bottom: 0%;
    }
    .text_usa_colleges span{
        font-size: 32px;
        line-height: 32px;
    }
    .text_usa_colleges p{
        font-size: 18px;
        line-height: 26px;
    }
    .spans_usa_colleges{
        padding-top: 64px;
    }
    #page_number_usa_colleges{
        position: inherit;
        right: unset;
        bottom: unset;
    }
    /* Projetos reais */
    .content_projetos_reais{
        max-width: 328px;
    }
    .body_projetos_reais img {
    max-width: 296px;
    max-height: 423px;
}
    /* Guidance */
    .content_guidance{
        max-width: 328px;
        overflow-x: auto;
    }
    .head_guidance {
    display: flex;
    flex-direction: column;
}
.foot_guidance{
    display: none;
}
/* Support Method */
.content_support_method{
    min-height: 1050px;
    max-width: 600px;
}
.background_image_support_method{
    min-width: 600px;
    max-height: 439px;
}
/* payment options */
.main_content_box_payment_options{
    display: flex;
    flex-direction: column;
}
.box_payment_options{
    width: 100%;
}
/* Roller Coaster */
.content_roller_coaster{
        max-width: 100%;
}
/* Consultoria */
.content_consultoria{
    display: flex;
    flex-direction: column;
    min-width: unset;
    width: 100%;
}
/* Footnote */
.content_registration_footnote{
    flex-direction: column;
    min-width: unset;
}
}