@media(max-width:500px) {
    main {
        background: url(../images/background.png) 0 0 repeat;
        background-size: 500px;
    }

    .home {
        background-size: 200px;
        height: 250px;
        margin: 0 auto 50px;
        padding: 20px 0;
        border-radius: 0 0 20px 20px;
    }

    .home h1 {
        font-size: 23px;
        max-width: 300px;
        margin: 0 auto 10px;
    }

    .home p {
        font-size: 14px;
        max-width: 320px;
    }

    .section-video {
        margin-bottom: 40px;
    }

    .section-video h2 {
        font-size: 24px;
        max-width: 380px;
        margin-bottom: 30px;
    }

    .section-video iframe {
        width: 320px;
        height: 180px;
        border-radius: 10px;
        margin-bottom: 30px;
    }

    .section-video a {
        font-size: 12px;
        padding: 15px 25px 15px 40px;
        border-radius: 20px;
        margin-bottom: 40px;
    }

    .section-video a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .section-video .blocos-informacao {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px;
    }

    .section-video .blocos-informacao .bloco {
        gap: 10px;
        padding: 15px;
        border-radius: 10px;
    }

    .section-video .blocos-informacao .bloco img {
        width: 25px;
        height: 25px;
        padding: 5px;
        border-radius: 5px;
    }

    .section-video .blocos-informacao .bloco .info-bloco h3 {
        font-size: 12px;
        line-height: 22px;
    }

    .section-video .blocos-informacao .bloco .info-bloco p {
        font-size: 12px;
        line-height: 12px;
        max-width: 240px;
    }

    .formacao {
        background-image: url(../images/background.png);
        background-size: 440px;
        align-items: center;
        flex-direction: column;
        gap: 10px;
        padding: 30px 0px;
        margin: 0 20px 40px;
        border-radius: 15px;
    }

    .formacao .blocos-1 {
        gap: 10px;
    }

    .formacao .blocos-1 .bloco-formacao {
        gap: 5px;
        padding: 10px 26px;
        border-radius: 8px;
    }

    .formacao .blocos-2 {
        gap: 10px;
    }

    .formacao .blocos-2 .bloco-formacao {
        align-items: center;
        gap: 10px;
        padding: 10px 25px;
        border-radius: 8px;
    }

    .formacao .titulo-formacao {
        padding: 30px;
        border-radius: 8px;
    }

    .formacao .titulo-formacao h2 {
        font-size: 20px;
        max-width: 220px;
        text-align: center;
    }

    .formacao .bloco-formacao span {
        font-size: 10px;
    }

    .formacao .bloco-formacao p {
        font-size: 15px;
        max-width: 200px;
    }

    .formacao a {
        font-size: 10px;
        padding: 15px 25px 15px 40px;
        border-radius: 20px;
        margin: 10px auto 0;
    }

    .formacao a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .sobre {
        align-items: center;
        flex-direction: column;
        gap: 0px;
        margin-bottom: 40px;
        text-align: center;
    }

    .sobre h2 {
        font-size: 23px;
        max-width: 300px;
        margin: 0 auto 10px;
    }

    .sobre p {
        font-size: 15px;
        line-height: 130%;
        letter-spacing: 0px;
        margin-bottom: 20px;
        max-width: 330px;
    }

    .sobre img {
        width: 260px;
    }

    .pilares-curso {
        background-color: #E5CCD5;
        padding: 40px 0;
        border-radius: 10px;
        margin-bottom: 40px;
    }

    .pilares-curso h2 {
        font-size: 23px;
        max-width: 300px;
        margin-bottom: 15px;
    }

    .pilares-curso p {
        font-size: 14px;
        margin-bottom: 40px;
        max-width: 300px;
    }

    .pilares-curso .pilares {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        margin: 0 auto 40px;
    }

    .pilares-curso .pilares .pilar {
        padding: 40px 50px;
        border-radius: 15px;
    }

    .pilares-curso .pilares .pilar h3 {
        font-size: 17px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        max-width: 180px;
    }

    .pilares-curso .pilares .pilar p {
        font-size: 13px;
        max-width: 180px;
        margin-bottom: 20px;
    }

    .pilares-curso a {
        font-size: 11px;
        padding: 15px 25px 15px 40px;
        border-radius: 20px;
        margin-bottom: 0px;
    }

    .pilares-curso a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .surgimento {
        align-items: center;
        flex-direction: column-reverse;
        gap: 20px;
        margin-bottom: 40px;
        text-align: center;
    }

    .surgimento img {
        width: 220px;
    }

    .surgimento h2 {
        font-size: 24px;
        margin: 0 auto 15px;
        max-width: 300px;
    }

    .surgimento .linha {
        width: 160px;
        height: 6px;
        border-radius: 8px;
        margin: 0 auto 15px;
    }

    .surgimento h3 {
        font-size: 16px;
        margin: 0 auto 15px;
        max-width: 240px;
    }

    .surgimento p {
        font-size: 15px;
        margin-bottom: 20px;
        max-width: 320px;
    }

    .trilha {
        background-color: #ECE2D7;
        padding: 40px 0;
        border-radius: 10px;
        margin-bottom: 40px;
    }

    .trilha h2 {
        font-size: 28px;
        margin-bottom: 40px;
        max-width: 320px;
    }

    .trilha .niveis-trilha {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 40px;
        text-align: center;
    }

    .trilha .niveis-trilha .nivel-trilha img {
        width: 200px;
        margin-bottom: 15px;
    }

    .trilha .niveis-trilha .nivel-trilha h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
        max-width: 260px;
    }

    .trilha .niveis-trilha .nivel-trilha p {
        font-size: 15px;
        margin-bottom: 10px;
        max-width: 260px;
    }

    .trilha .btn-trilha {
        flex-direction: column;
        gap: 20px;
    }

    .trilha .btn-trilha h4 {
        font-size: 21px;
        max-width: 340px;
    }

    .trilha .btn-trilha a {
        font-size: 12px;
        padding: 15px 25px 15px 40px;
        border-radius: 20px;
    }

    .trilha .btn-trilha a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .depoimentos {
        margin-bottom: 40px;
    }

    .depoimentos h2 {
        font-size: 23px;
        margin-bottom: 10px;
        max-width: 340px;
    }

    .depoimentos p {
        font-size: 18px;
        margin-bottom: 30px;
        max-width: 340px;
    }

    .depoimentos .depoimento {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-bottom: 30px;
    }

    .depoimentos .depoimento img {
        max-width: 280px;
        border-radius: 20px;
    }

    .receber {
        flex-direction: column;
        gap: 20px;
        padding: 30px 0;
        margin: 0 auto 40px;
        border-radius: 20px;
        text-align: center;
    }

    .receber h2 {
        font-size: 23px;
        margin: 0 auto 15px;
        max-width: 300px;
    }

    .receber p {
        font-size: 15px;
        margin-bottom: 10px;
        max-width: 320px;
    }

    .receber img {
        width: 160px;
    }

    .acesso-completo {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 40px;
    }

    .acesso-completo h2 {
        font-size: 23px;
        max-width: 300px;
        margin-bottom: 15px;
    }

    .acesso-completo p {
        font-size: 16px;
        margin-bottom: 40px;
        max-width: 320px;
    }

    .acesso-completo .pilares {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
        margin: 0 auto 40px;
    }

    .acesso-completo .pilares .pilar {
        padding: 40px 50px;
        border-radius: 15px;
    }

    .acesso-completo .pilares .pilar h3 {
        font-size: 17px;
        padding-bottom: 10px;
        margin-bottom: 10px;
        max-width: 180px;
    }

    .acesso-completo .pilares .pilar p {
        font-size: 13px;
        max-width: 180px;
        margin-bottom: 0;
    }

    .acesso-completo .materiais {
        padding: 15px 25px;
        border-radius: 20px;
    }

    .acesso-completo .materiais h3 {
        font-size: 17px;
        max-width: 160px;
    }

    .acesso-completo .materiais p {
        font-size: 10px;
        max-width: 160px;
        margin-bottom: 0;
    }

    .acesso-completo .materiais .check {
        padding-left: 20px;
    }

    .acesso-completo .materiais .check h4 {
        font-size: 12px;
        line-height: 18px;
        max-width: 100px;
    }

    .bonus {
        flex-direction: column;
        gap: 30px;
        padding: 30px 0;
        margin-bottom: 40px;
    }

    .bonus img {
        width: 300px;
    }

    .bonus div {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .bonus h2 {
        font-size: 30px;
        margin-bottom: 10px;
        text-align: center;
    }

    .bonus h3 {
        font-size: 14px;
        margin: 0 auto 15px;
        max-width: auto;
        text-align: center;
    }

    .bonus li {
        padding: 15px;
        border-left: solid 4px #BF4685;
        border-radius: 20px;
        margin: 0 10px 10px;
    }

    .bonus li.borda-direita {
        border-right: solid 4px #BF4685;
    }

    .bonus li h4 {
        font-size: 14px;
        margin-right: 5px;
    }

    .bonus li p {
        font-size: 13px;
        padding: 10px 0 10px 10px;
        max-width: 240px;
    }

    .bonus ul {
        margin-bottom: 20px;
    }

    .bonus a {
        font-size: 12px;
        padding: 15px 25px 15px 40px;
        margin: 0 auto;
        border-radius: 20px;
    }

    .bonus a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .certificado {
        margin-bottom: 40px;
    }

    .certificado h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .certificado .img-certificado {
        max-width: 350px;
        border-radius: 20px;
        box-shadow: #00000050 5px 5px 5px;
        margin-bottom: 20px;
    }

    .certificado a {
        font-size: 12px;
        padding: 15px 25px 15px 40px;
        border-radius: 20px;
    }

    .certificado a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .oportunidade h2 {
        font-size: 19px;
        margin-bottom: 15px;
        max-width: 300px;
    }

    .oportunidade p {
        font-size: 14px;
        letter-spacing: 0px;
        margin-bottom: 40px;
        max-width: 320px;
    }

    .oportunidade .valor {
        padding: 25px 30px;
        border-radius: 10px;
        margin-bottom: 40px;
    }

    .oportunidade .valor .logo {
        width: 60px;
        margin-bottom: 15px;
    }

    .oportunidade .valor p {
        font-size: 16px;
        margin-bottom: 15px;
        max-width: 260px;
    }

    .oportunidade .valor h4 {
        font-size: 12px;
    }

    .oportunidade .valor h3 {
        font-size: 37px;
    }

    .oportunidade .valor h3 span {
        font-size: 22px;
    }

    .oportunidade .valor h5 {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .oportunidade .valor h5 span {
        font-size: 12px;
    }

    .oportunidade .valor ul {
        margin-bottom: 10px;
    }

    .oportunidade .valor ul li {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 5px;
    }

    .oportunidade .valor a {
        font-size: 9px;
        padding: 10px 25px;
        border-radius: 20px;
        margin-bottom: 10px;
    }

    .oportunidade .valor .pagamento {
        max-width: 160px;
    }

    .garantia {
        flex-direction: column;
        gap: 30px;
        margin-bottom: 60px;
        text-align: center;
    }

    .garantia img {
        max-width: 200px;
    }

    .garantia h2 {
        font-size: 23px;
        margin: 0 auto 20px;
        max-width: 350px;
    }

    .garantia p {
        font-size: 15px;
        margin-bottom: 20px;
        max-width: 350px;
    }

    .garantia p span {
        font-weight: 700;
    }

    .garantia a {
        font-size: 12px;
        padding: 15px 25px 15px 40px;
        border-radius: 30px;
    }

    .garantia a img {
        width: 18px;
        transform: translate(-22px, 3px);
    }

    .perguntas-frequentes div {
        padding: 60px 0;
        max-width: auto;
        margin: 0 auto 40px;
        border-radius: 40px;
    }

    .perguntas-frequentes h2 {
        font-size: 23px;
        margin-bottom: 20px;
    }

    .perguntas-frequentes li button {
        width: 340px;
        padding: 10px 20px;
        border-radius: 5px;
    }

    .perguntas-frequentes li button p {
        font-size: 11px;
        padding-right: 10px;
        text-align: start;
    }

    .perguntas-frequentes li button span {
        font-size: 12px;
    }

    .perguntas-frequentes li .resposta {
        font-size: 12px;
        padding: 5px 20px 10px;
        border-radius: 5px;
        max-width: 340px;
        transform: translateY(-6px);
        display: none;
    }

    .perguntas-frequentes a {
        font-size: 12px;
        padding: 15px 25px 15px 40px;
        border-radius: 20px;
        margin-top: 15px;
    }

    .perguntas-frequentes a img {
        width: 18px;
        transform: translate(-22px, -4px);
    }

    .contato {
        padding-bottom: 80px;
    }

    .contato h2 {
        font-size: 33px;
    }

    .contato p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .contato a {
        font-size: 12px;
        padding: 10px 30px;
        border-radius: 30px;
    }

    .contato a .fa-whatsapp {
        font-size: 18px;
        transform: translate(-5px, 2px);
    }
}