@media(max-width: 900px) {
    .home {
        background-size: 860px;
        background-position-y: -10px;
        height: 470px;
        border-radius: 0 0 20px 20px;
        box-shadow: 0px 0px 10px 10px #c5c5e0b9;
        margin-bottom: 60px;
    }
    
    .home .info-home {
        padding: 120px 0 10px 80px;
    }
    
    .home .info-home img {
        width: 150px;
        margin-bottom: 20px;
    }
    
    .home .info-home p {
        font-size: 21px;
        width: 310px;
        margin-bottom: 15px;
    }

    .home .info-home a {
        font-size: 13px;
        padding: 6px 18px;
        border-radius: 10px;
        width: 254px;
        margin-bottom: 30px;
    }
    
    .home .info-home a img {
        width: 36px;
        transform: translate(-36px, -16px);
    }
    
    .home .info-home .fa-chevron-circle-down {
        font-size: 16px;
    }

    .apresentacao {
        gap: 30px;
        margin-bottom: 90px;
    }
    
    .apresentacao .info-apresentacao {
        display: flex;
        align-items: center;
        gap: 30px;
        margin-bottom: 20px;
    }
    
    .apresentacao .info-apresentacao p {
        font-size: 17px;
        width: 294px;
    }
    
    .apresentacao .info-apresentacao p .fundo {
        border-radius: 6px;
    }
    
    .apresentacao .info-apresentacao h2 {
        font-size: 54px;
        line-height: 48px;
        letter-spacing: -1px;
        width: 350px;
    }
    
    .apresentacao video {
        width: 522px;
        height: 294px;
        border-radius: 26px;
    }
    
    .apresentacao a {
        font-size: 18px;
        padding: 10px 30px;
        border-radius: 14px;
        width: 350px;
    }
    
    .apresentacao a img {
        width: 54px;
        transform: translate(-52px, -21px);
    }

    .aprendizado {
        background-size: 180px;
        background-position: 640px 50px;
        margin-bottom: 50px;
    }
    
    .aprendizado .inicial {
        margin-bottom: 20px;
    }
    
    .aprendizado .inicial h2 {
        font-size: 54px;
        line-height: 48px;
        width: 500px;
        margin-bottom: 20px;
    }
    
    .aprendizado .inicial ul li {
        padding: 10px 40px;
        width: 440px;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    
    .aprendizado .inicial h3 {
        font-size: 17px;
    }
    
    .aprendizado .inicial p {
        font-size: 12px;
    }
    
    .aprendizado .mais {
        margin-bottom: 30px;
    }
    
    .aprendizado .mais h2 {
        font-size: 54px;
        line-height: 48px;
        width: 200px;
        margin-bottom: 20px;
    }
    
    .aprendizado .mais ul li {
        padding: 10px 0 10px 40px;
        width: 440px;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    
    .aprendizado .mais h3 {
        font-size: 17px;
    }
    
    .aprendizado .mais p {
        font-size: 12px;
    }
    
    .aprendizado a {
        font-size: 18px;
        padding: 10px 30px;
        border-radius: 14px;
        width: 350px;
    }
    
    .aprendizado a img {
        width: 54px;
        transform: translate(-52px, -21px);
    }

    .destinatario {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;
    }
    
    .destinatario .para-quem {
        padding: 30px 20px;
        background-size: 2400px;
        background-position-y: -480px;
        height: 400px;
        border-radius: 30px;
        margin-bottom: 30px;
    }
    
    .destinatario .para-quem h2 {
        font-size: 54px;
        margin-bottom: 15px;
    }
    
    .destinatario .para-quem .tipos-destinatario {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }
    
    .destinatario .para-quem .tipos-destinatario p {
        font-size: 19px;
        padding: 10px 12px 10px 35px;
        border-radius: 10px;
    }
    
    .destinatario .para-quem .tipos-destinatario p img {
        width: 15px;
        transform: translate(-24px, -2px);
    }
    
    .destinatario .para-quem .tipos-destinatario p .img-views {
        width: 20px;
        transform: translate(-28px, -2px);
    }
    
    .destinatario .para-quem .tipos-destinatario p .img-mao {
        width: 13px;
        transform: translate(-24px, -2px);
    }
    
    .destinatario .para-quem .tipos-destinatario p .img-rec {
        width: 26px;
        transform: translate(-30px, -1px);
    }
    
    .destinatario .info-destinatario h2 {
        font-size: 45px;
        letter-spacing: -2px;
    }
    
    .destinatario .info-destinatario p {
        font-size: 31px;
        line-height: 28px;
        width: 500px;
        margin-bottom: 20px;
    }
    
    .destinatario .info-destinatario .fa-chevron-circle-down {
        font-size: 19px;
        margin-bottom: 20px;
    }
    
    .destinatario .info-destinatario a {
        font-size: 18px;
        padding: 10px 30px;
        border-radius: 14px;
        width: 350px;
    }
    
    .destinatario .info-destinatario a img {
        width: 54px;
        transform: translate(-52px, -21px);
    }

    .sobre {
        width: 630px;
        height: 304px;
        margin: 0 auto 40px;
        border-radius: 19px 17px 17px 19px;
    }
    
    .sobre img {
        width: 264px;
        height: 332px;
        border-radius: 28px;
        box-shadow: 6px 0 0 0 #0000004d;
    }
    
    .sobre .info-sobre {
        padding: 10px 0 10px 20px;
        height: 304px;
    }
    
    .sobre .info-sobre .nome {
        font-size: 9px;
        margin-bottom: 40px;
    }
    
    .sobre .info-sobre h2 {
        font-size: 37px;
    }
    
    .sobre .info-sobre p {
        font-size: 16px;
    }
    
    .sobre .info-sobre .font-alterada {
        font-size: 42px;
        letter-spacing: -2px;
        transform: translate(64px, 18px) rotate(-5deg);
    }

    .outras-redes {
        margin-bottom: 30px;
    }
    
    .outras-redes .insights {
        grid-template-columns: repeat(4, 139px);
        grid-template-rows: repeat(2, 1fr);
        gap: 20px;
        margin-bottom: 30px;
    }
    
    .outras-redes .insights .insight img {
        border-radius: 12px;
        width: 133px;
        height: 259px;
        transform: translate(-10px, 3px);
        box-shadow: 4px 8px 10px 6px #0000002f;
    }
    
    .outras-redes .insights .insight {
        width: 133px;
        height: 259px;
    }
    
    .outras-redes .insights .insight:nth-child(odd) {
        border: solid 2px #00003C;
        border-radius: 12px;
    }
    
    .outras-redes .insights .insight:nth-child(even) {
        border: solid 2px #E63C4B;
        border-radius: 12px;
    }
    
    .outras-redes a {
        font-size: 18px;
        padding: 10px 30px;
        border-radius: 14px;
        width: 350px;
    }
    
    .outras-redes a img {
        width: 54px;
        transform: translate(-52px, -21px);
    }

    .compra {
        height: 460px;
        border-radius: 20px;
    }

    .compra .conteudo {
        gap: 10px;
        margin: 40px;
    }
    
    .compra .aviso {
        font-size: 18px;
        line-height: 16px;
        width: 140px;
        margin-top: 70px;
    }
    .compra .valor {
        width: 169px;
        height: 169px;
        padding: 10px;
        border-radius: 17px;
        transform: rotate(-3deg);
    }
    
    .compra .valor img {
        width: 20px;
        height: 15px;
        margin-bottom: 20px;
    }
    
    .compra .valor h2 {
        font-size: 26px;
    }
    
    .compra .valor p {
        font-size: 12px;
        width: 130px;
    }
    
    .compra .valor span {
        font-size: 35px;
    }
    
    .compra .garantia {
        width: 324px;
        height: 169px;
        padding: 15px;
        border-radius: 17px;
    }
    
    .compra .garantia img {
        width: 24px;
        height: 27px;
        margin-bottom: 10px;
    }
    
    .compra .garantia h2 {
        font-size: 43px;
        line-height: 43px;
    }
    
    .compra .garantia p {
        font-size: 14px;
    }
    
    .compra .decisao {
        width: 504px;
        height: 133px;
        border-radius: 17px;
        padding: 10px 10px 10px 30px;
    }
    
    .compra .decisao h2 {
        font-size: 43px;
        line-height: 40px;
        width: 200px;
    }
    
    .compra .decisao ul li {
        font-size: 14px;
        width: 190px;
    }
    
    .compra .btn { 
        font-size: 18px;
        margin: 0px auto;
        padding: 10px 60px 10px 20px;
        border-radius: 14px;
        width: 330px;
    }
    
    .compra .btn img {
        width: 54px;
        transform: translate(-16px, -21px);
    }

    .professor {
        margin-bottom: 30px;
        border-radius: 17px;
        box-shadow: 0 0 10px 15px #00000023;
    }
    
    .professor .principal {
        align-items: center;
        margin-top: 50px;
        gap: 20px;
    }
    
    .professor .principal .foto-marlon {
        width: 264px;
        height: 592px;
        background-size: 460px;
        background-position-x: -100px;
        border-radius: 28px;
        box-shadow: 5px 0 #0000003f;
    }
    
    .professor .principal .info-professor .font-alterada-2 {
        font-size: 42px;
        transform: translate(90px, -90px) rotate(-5deg);
    }
    
    .professor .principal .info-professor h2 {
        font-size: 37px;
    }
    
    .professor .principal .info-professor p {
        font-size: 14px;
        width: 350px;
        margin-bottom: 10px;
    }
    
    .professor .principal .info-professor h3 {
        font-size: 26px;
        width: 370px;
    }
    
    .professor .nome {
        font-size: 9px;
        margin: 20px auto 40px;
        width: 320px;
        color: #00003c2a;
    }
    
    .professor a { 
        font-size: 18px;
        margin: 0px auto 30px;
        padding: 10px 60px 10px 20px;
        border-radius: 14px;
        width: 330px;
    }
    
    .professor a img {
        width: 54px;
        transform: translate(-16px, -21px);
    }

    .perguntas-f {
        margin: 60px auto 0;
    }

    .perguntas-f .itens {
        gap: 30px;
    }
        
    .perguntas-f .itens .titulo {
        width: 260px;
    }

    .perguntas-f .itens .titulo h2 {
        font-size: 48px;
        line-height: 42px;
        width: 200px;
    }
    
    .perguntas-f .itens .item .titulo-clique {
        font-size: 16px;
        width: 260px;
        margin-bottom: 6px;
    }
    
    .perguntas-f .itens .item p {
        font-size: 13px;
        letter-spacing: -1px;
        width: 246px;
    }
    
    .btn-perguntas-f a { 
        font-size: 18px;
        margin: 0px auto;
        padding: 10px 60px 10px 20px;
        border-radius: 14px;
        width: 330px;
        margin-bottom: 30px;
    }
    
    .btn-perguntas-f a img {
        width: 54px;
        transform: translate(-16px, -21px);
    }

    .duvidas {
        margin: 30px auto;
    }
    
    .duvidas .contato {
        gap: 20px;
        margin: 0 auto;
        width: 550px;
    }
    
    .duvidas .contato h2 {
        font-size: 54px;
        line-height: 48px;
        width: 390px;
    }
    
    .duvidas .contato .btn-contato {
        width: 144px;
        height: 196px;
        border-radius: 27px;
    }
    
    .duvidas .contato .btn-contato .foto-contato img {
        width: 144px;
        transform: translateY(-11px);
    }
    
    .duvidas .contato .btn-contato span {
        font-size: 26px;
        padding:  10px 20px;
        border-radius: 27px;
        margin: 0 auto;
    }
    
    .duvidas .contato .btn-contato span .fa-whatsapp {
        font-size: 18px;
    }
    
    .duvidas .contato .btn-contato .foto-contato img:hover {
        transform: scale(1.1) rotate(3deg) translateY(-12px);
    }
}

@media(max-width: 500px) {
    .home {
        background-size: 580px;
        background-position: -86px 0px;
        height: 320px;
        border-radius: 0 0 20px 20px;
        box-shadow: 0px 0px 10px 10px #c5c5e0b9;
        margin-bottom: 40px;
    }
    
    .home .info-home {
        padding: 80px 0 10px 40px;
    }
    
    .home .info-home img {
        width: 100px;
        margin-bottom: 10px;
    }
    
    .home .info-home p {
        font-size: 14px;
        width: 200px;
        margin-bottom: 10px;
    }

    .home .info-home a {
        font-size: 9px;
        padding: 4px 14px;
        border-radius: 7px;
        width: 172px;
        margin-bottom: 20px;
    }
    
    .home .info-home a img {
        width: 25px;
        transform: translate(-26px, -11px);
    }
    
    .home .info-home .fa-chevron-circle-down {
        font-size: 11px;
    }

    .apresentacao {
        gap: 20px;
        margin-bottom: 50px;
    }
    
    .apresentacao .info-apresentacao {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    
    .apresentacao .info-apresentacao p {
        font-size: 11px;
        text-align: center;
        width: 190px;
        margin-bottom: 10px;
    }
    
    .apresentacao .info-apresentacao p .fundo {
        border-radius: 3px;
    }
    
    .apresentacao .info-apresentacao h2 {
        font-size: 37px;
        line-height: 33px;
        letter-spacing: -1px;
        width: 236px;
        text-align: center;
    }
    
    .apresentacao video {
        width: 365px;
        height: 205px;
        border-radius: 18px;
    }
    
    .apresentacao a {
        font-size: 12px;
        padding: 8px 14px;
        border-radius: 9px;
        width: 224px;
    }
    
    .apresentacao a img {
        width: 38px;
        transform: translate(-38px, -15px);
    }

    .aprendizado {
        background-size: 120px;
        background-position: 394px 40px;
        margin-bottom: 40px;
    }
    
    .aprendizado .inicial {
        margin-bottom: 20px;
    }
    
    .aprendizado .inicial h2 {
        font-size: 37px;
        line-height: 33px;
        width: 350px;
        margin-bottom: 10px;
    }
    
    .aprendizado .inicial ul li {
        padding: 10px 20px;
        width: 280px;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    
    .aprendizado .inicial h3 {
        font-size: 11px;
    }
    
    .aprendizado .inicial p {
        font-size: 8px;
    }
    
    .aprendizado .mais {
        margin-bottom: 20px;
    }
    
    .aprendizado .mais h2 {
        font-size: 37px;
        line-height: 33px;
        width: 120px;
        margin-bottom: 10px;
    }
    
    .aprendizado .mais ul li {
        padding: 10px 0 10px 20px;
        width: 280px;
        border-radius: 5px;
        margin-bottom: 5px;
    }
    
    .aprendizado .mais h3 {
        font-size: 11px;
    }
    
    .aprendizado .mais p {
        font-size: 8px;
    }
    
    .aprendizado a {
        font-size: 12px;
        padding: 8px 14px;
        border-radius: 9px;
        width: 224px;
    }
    
    .aprendizado a img {
        width: 38px;
        transform: translate(-38px, -15px);
    }

    .destinatario {
        margin-bottom: 40px;
    }
    
    .destinatario .para-quem {
        padding: 20px 10px;
        background-size: 1400px;
        background-position-y: -280px;
        height: 300px;
        border-radius: 21px;
        margin-bottom: 30px;
    }
    
    .destinatario .para-quem h2 {
        font-size: 37px;
        margin-bottom: 10px;
    }
    
    .destinatario .para-quem .tipos-destinatario {
        gap: 6px;
    }
    
    .destinatario .para-quem .tipos-destinatario p {
        font-size: 13px;
        padding: 6px 8px 4px 23px;
        border-radius: 7px;
    }
    
    .destinatario .para-quem .tipos-destinatario p img {
        width: 10px;
        transform: translate(-16px, -1px);
    }
    
    .destinatario .para-quem .tipos-destinatario p .img-views {
        width: 14px;
        transform: translate(-18px, -1px);
    }
    
    .destinatario .para-quem .tipos-destinatario p .img-mao {
        width: 9px;
        transform: translate(-16px, -1px);
    }
    
    .destinatario .para-quem .tipos-destinatario p .img-rec {
        width: 18px;
        transform: translate(-20px, -1px);
    }
    
    .destinatario .info-destinatario h2 {
        font-size: 31px;
        line-height: 31px;
        text-align: center;
        letter-spacing: -1px;
    }
    
    .destinatario .info-destinatario p {
        font-size: 21px;
        line-height: 19px;
        width: 310px;
        margin-bottom: 14px;
    }
    
    .destinatario .info-destinatario .fa-chevron-circle-down {
        font-size: 13px;
        margin-bottom: 14px;
    }
    
    .destinatario .info-destinatario a {
        font-size: 12px;
        padding: 8px 14px;
        border-radius: 9px;
        width: 224px;
    }
    
    .destinatario .info-destinatario a img {
        width: 38px;
        transform: translate(-38px, -15px);
    }

    .sobre {
        width: 284px;
        height: 560px;
        flex-direction: column;
        margin: 0 auto 40px;
        border-radius: 19px 19px 11px 11px;
    }
    
    .sobre img {
        width: 264px;
        height: 332px;
        border-radius: 19px;
        box-shadow: 0 6px 0 0 #0000004d;
        margin-top: 10px;
    }
    
    .sobre .info-sobre {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 10px 0 0;
        height: 212px;
    }
    
    .sobre .info-sobre .nome {
        font-size: 6px;
        margin-bottom: 20px;
    }
    
    .sobre .info-sobre h2 {
        font-size: 25px;
    }
    
    .sobre .info-sobre p {
        font-size: 11px;
        width: 220px;
    }
    
    .sobre .info-sobre .font-alterada {
        font-size: 29px;
        letter-spacing: -1px;
        transform: translate(40px, 175px) rotate(-5deg);
    }

    .outras-redes {
        margin-bottom: 20px;
    }
    
    .outras-redes .insights {
        grid-template-columns: repeat(2, 139px);
        grid-template-rows: repeat(4, 1fr);
        gap: 20px;
        margin-bottom: 30px;
    }
    
    .outras-redes .insights .insight img {
        border-radius: 12px;
        width: 133px;
        height: 259px;
        transform: translate(-10px, 3px);
        box-shadow: 4px 8px 8px 6px #0000002f;
    }
    
    .outras-redes .insights .insight {
        width: 133px;
        height: 259px;
    }
    
    .outras-redes .insights .insight:nth-child(odd) {
        border: solid 2px #00003C;
        border-radius: 12px;
    }
    
    .outras-redes .insights .insight:nth-child(even) {
        border: solid 2px #E63C4B;
        border-radius: 12px;
    }
    
    .outras-redes a {
        font-size: 12px;
        padding: 8px 14px;
        border-radius: 9px;
        width: 224px;
    }
    
    .outras-redes a img {
        width: 38px;
        transform: translate(-38px, -15px);
    }

    .compra {
        height: 420px;
        border-radius: 14px;
    }

    
    .compra .conteudo {
        grid: "aviso aviso"
        "valor garantia"
        "decisao decisao"
        "btn btn";
        gap: 8px;
        margin: 30px;
    }
    
    .compra .aviso {
        font-size: 12px;
        line-height: 11px;
        width: 160px;
        margin: 20px auto 0;
    }
    .compra .valor {
        width: 118px;
        height: 118px;
        padding: 6px;
        border-radius: 11px;
    }
    
    .compra .valor img {
        width: 14px;
        height: 10px;
        margin-bottom: 10px;
    }
    
    .compra .valor h2 {
        font-size: 18px;
    }
    
    .compra .valor p {
        font-size: 8px;
        width: 90px;
    }
    
    .compra .valor span {
        font-size: 24px;
    }
    
    .compra .garantia {
        width: 226px;
        height: 118px;
        padding: 10px;
        border-radius: 11px;
    }
    
    .compra .garantia img {
        width: 16px;
        height: 18px;
        margin-bottom: 8px;
    }
    
    .compra .garantia h2 {
        font-size: 30px;
    }
    
    .compra .garantia p {
        font-size: 9px;
    }
    
    .compra .decisao {
        width: 352px;
        height: 93px;
        border-radius: 11px;
        padding: 10px 10px 10px 20px;
        margin: 0 auto;
    }
    
    .compra .decisao h2 {
        font-size: 30px;
        line-height: 28px;
        width: 140px;
    }
    
    .compra .decisao ul li {
        font-size: 9px;
        width: 120px;
    }
    
    .compra .btn { 
        font-size: 12px;
        margin: 10px auto;
        padding: 6px 40px 6px 12px;
        border-radius: 9px;
        height: 40px;
        width: 218px;
    }
    
    .compra .btn img {
        width: 37px;
        transform: translate(-16px, -14px);
    }

    .professor {
        margin-bottom: 20px;
        border-radius: 11px;
        box-shadow: 0 0 10px 15px #00000023;
    }
    
    .professor .principal {
        align-items: center;
        flex-direction: column;
        text-align: center;
        margin-top: 80px;
        gap: 20px;
    }
    
    .professor .principal .foto-marlon {
        width: 184px;
        height: 280px;
        background-size: 260px;
        background-position-x: -20px;
        border-radius: 28px;
        box-shadow: 5px 0 #0000003f;
    }

    .professor .principal .info-professor {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .professor .principal .info-professor .font-alterada-2 {
        font-size: 24px;
        transform: translate(88px, -360px) rotate(-5deg);
    }
    
    .professor .principal .info-professor h2 {
        font-size: 31px;
    }
    
    .professor .principal .info-professor p {
        font-size: 11px;
        width: 280px;
        margin-bottom: 10px;
    }
    
    .professor .principal .info-professor h3 {
        font-size: 21px;
        line-height: 23px;
        width: 240px;
    }
    
    .professor .nome {
        font-size: 7px;
        margin: 20px auto;
        width: 250px;
        color: #00003c2a;
    }
    
    .professor a { 
        font-size: 12px;
        margin: 0 auto 20px;
        padding: 6px 40px 6px 12px;
        border-radius: 9px;
        height: 40px;
        width: 218px;
    }
    
    .professor a img {
        width: 37px;
        transform: translate(-16px, -14px);
    }

    .perguntas-f {
        margin: 60px auto 0;
    }

    .perguntas-f .itens {
        gap: 20px;
    }
    
    .perguntas-f .itens .titulo h2 {
        font-size: 48px;
        line-height: 42px;
        width: 200px;
        text-align: center;
        margin: 0 auto;
    }
    
    .perguntas-f .itens .item .titulo-clique {
        font-size: 16px;
        width: 260px;
        margin-bottom: 6px;
    }
    
    .perguntas-f .itens .item p {
        font-size: 13px;
        letter-spacing: -1px;
        width: 246px;
    }
    
    .btn-perguntas-f a { 
        font-size: 12px;
        margin: 0 auto;
        padding: 6px 40px 6px 12px;
        border-radius: 9px;
        width: 220px;
        margin-bottom: 20px;
    }
    
    .btn-perguntas-f a img {
        width: 37px;
        transform: translate(-16px, -14px);
    }

    .duvidas {
        margin: 10px auto;
    }
    
    .duvidas .contato {
        justify-content: center;
        gap: 5px;
        margin: 20px auto;
        width: 550px;
    }
    
    .duvidas .contato h2 {
        font-size: 35px;
        line-height: 31px;
        width: 250px;
    }
    
    .duvidas .contato .btn-contato {
        width: 100px;
        height: 137px;
        border-radius: 18px;
    }
    
    .duvidas .contato .btn-contato .foto-contato img {
        width: 100px;
        transform: translateY(-11px);
    }
    
    .duvidas .contato .btn-contato span {
        font-size: 18px;
        padding:  6px 15px;
        border-radius: 18px;
        margin: 0 auto;
    }
    
    .duvidas .contato .btn-contato span .fa-whatsapp {
        font-size: 12px;
    }
    
    .duvidas .contato .btn-contato .foto-contato img:hover {
        transform: scale(1.1) rotate(3deg) translateY(-12px);
    }
}