@media (max-width: 600px)
{
  .col1-s1 img {
    margin-left: -1rem;
    padding-top: 2rem;
    width: 90vw;
    display: block;
    margin: auto auto;
    padding-bottom: 2rem;
  }
  .s1 {
    height: 800px !important;
    background-color: white;
    background: url(../images/bloco01-bg1-imagem-separada.jpg);
    background-blend-mode: luminosity;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .grid-col-s1 {
    display: contents;
  }
  .botao-matricular {
     position: relative;
     z-index: 99;
    margin: auto auto !important;
    font-size:18px;
  }
  
    .col1-botao {
        margin-left: 18px;
    }
  .recado {
    padding-top: 1rem;
    margin: auto auto !important;
  }
  
/**** Vídeo sobre o curso ***/
.sessao-video-lista{
    margin-top: 200px;
    width: 95vw;
    height: 280px;
}
.sessao-video-lista iframe{
    width: 95vw;
    height: 30vh;
    border-radius: 8px;
}


  .grid-col-s2 {
    display: contents;
  }
  .col1-s2 img {
    display: block;
    margin: auto auto;
    width: 95vw;
  }
  .col2-s2 p {
    margin: auto auto;
    float: none;
    margin-left: none;
    width: 300px;
    font-size: 22px;
    color: white;
    text-align: center;
  }
  .col2-s2 span {
    font-size: 20px;
    color: #564e24;
  }
  .img-titulo2 img {
    padding-top: 2rem;
    padding-bottom: 2rem;
    display: block;
    width: 90vw;
    margin: auto auto;
    }
  .grid-col-s3 {
    display: contents;
  }
  .conteudo-s3 {
    font-size: 22px;
    padding-top: 5rem;
    margin-right: auto !important;
    margin-left: auto !important;
    float: none !important;
    width: 80vw !important;
    text-align: center;
  }

  .botao-matricular2 {
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
  }
  .col1-botao2 {
    margin-left: 23px;
  }

  .imagem-navio img {
    width: 94vw !important;
    padding-top: 3rem;
    padding-bottom: 2rem;
  }

  .primeira-linha {
    display: contents;
  }
  .segunda-linha {
    display: contents;
  }


  .grid-4colunas {
    margin: auto auto;
    width: 84vw;
    padding-bottom: 4rem;
    color: #9D9369;
    font-weight: 600;
    font-size: 20px;
  }
  .grid-col-s4{
    display: none;
  }
  .col1-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col2-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col3-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col4-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col5-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col6-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col7-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }
  .col8-s4 {
    border-right: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 1rem;
  }

  .col1-s6 h1 {
    margin-top: 2rem;
    margin-right: 0rem;
    float: none;
    font-size: 1.5rem;
    width: 100% !important;
  }
  .col2-s6 img {
    width: 90vw !important;
  }

  .grid-col-s6 {
    display: contents;
    grid-gap: 1rem;
    grid-template-columns: 50% 50%;
  }
  .grid-col-s7 {
    display: contents;
  }
  .s7 {
    height: 2750px !important;
    margin-top: 50px;
    border-top: 13px solid #8e824e;
    background-color: #9c9368;
  }
  .colun7 {
    margin-top: 2rem;
  }
  .primeira-linha7{
    margin-top: 14rem;
  }
  .container-s7 {
    margin: auto auto;
    width: 85vw !important;
  }

  .linha1-s7 {
    display: contents;
  }
  .linha2-s7 {
    display: contents;
  }

  .col1-s7 img {
    margin: auto auto;
    width: 100vw !important;
    display: block;
  }

  .s8 {
    margin-top: 0rem;
    padding-top: 4rem;
    border-top: 13px solid #8e824e;
    background-image: url(../images/bloco05-bg.jpg);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    height: 45rem;
  }
  .cont-s8 {
    margin: auto auto;
    width: 85vw !important;
  }
  .cont-s8 p {
    font-weight: 500;
    color: #544526;
    margin-top: 2rem;
    font-size: 20px;
}

  .col1-s8 img {
    width: 100vw !important;
    float: none !important;
  }

  .grid-col-s8 {
    margin: auto auto;
    display: contents;
  }

  .cont-s9 {
    padding-top: 5rem !important;
    margin: auto auto;
    width: 85vw !important;
  }
  .cont-s9 p{
    font-size: 20px;
  }

  .s9{
    background-image: url() !important;
  }

  .s10 {
    background-color: white;
    width: 85vw !important;
    margin: auto auto;
    height: 625px !important;
    padding-top: 600px !important;
    margin: auto auto;
    text-align: center !important;
  }
  .bonus-novo{
    margin: auto auto;
    display: none;
    width: 100%;
}
.bonus-mobile{
    padding-top: 75px;
    margin: auto auto;
    display: block;
    width: 100%;
}

  .grid-col-s10 {
    padding-top: 4rem;
    padding-bottom: 4rem;
    display: contents;
    grid-gap: 2rem;
    grid-template-columns: 60% 35%;
  }
  .conteudo-s10{
    font-size: 20px;
    padding-top: 2rem;
    width: 90vw !important;
    margin: auto auto;
  }

  .prof-felipe img {
    display: block;
    width: 50vw;
    margin: auto auto;
  }
  .prof-felipe h2 {
    font-size: 23px;
    margin-left: 0rem;
  }
  .prof-felipe {
    width: 90vw;
    display: contents;
    align-content: center;
    align-items: center;
    margin: auto auto;
  }

  .s11 {
    height: 650px;
  }

  .conteudo-s11 {
    padding-top: -8rem;
    margin: auto auto;
    width: 88vw;
  }
  .conteudo-s11 img {
    width: 46vw !important;
    margin-right: -2rem;
  }
  .carrosel-bonus h1 {
    color: #962c2d;
    margin-top: -8rem;
    width: 50%;
  }
  .botao-matricular3 {
    font-size: 18px;
  }
  .col1-botao3 {
    margin-left: 26px;
}

  .container-s12 {
    width: 100vw;
    margin: auto auto;
  }
  .preco-final {
    width: 100%;
    display: block;
    padding-top: 1rem;
    margin: auto auto;
    }  

  .grid-col-s12 {
    width: 45vw;
    margin: auto auto;
    display: contents;
    grid-template-columns: 50% 50%;
    background: #009D8F !important;
    border-radius: 10px;
    border: solid 3px #01b7a8;
    text-transform: uppercase;
    margin-bottom: -18rem;
    position: relative;
    z-index: 99;
  }
  .botao-matricular3 {
    margin: -2rem auto 0px auto !important;
  }
  .col1-s12 {
    width: 57vw;
    padding: 4rem;
    color: white;
    background: #009D8F;
    margin: auto auto;
    border-radius: 10px;
  }

  .col2-s12 {
    padding: 4rem;
    color: white;
    background: #009D8F;
    width: 57vw;
    margin: auto auto;
  }

  .box-sem-sombra {
    box-shadow: none !important;
    width: 0px;
  }

  .container-faq {
    width: 95vw;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10rem;
  }

  .showcase-box {
    width: 90vw;
    height: 177px;
    box-shadow: 5 15px 20px rgb(0,0,0,0.3);
    border-radius: 10px;
    margin: 0px 20px 10px 20px;
    overflow-y: hidden;
  }

  .col-s13{
    margin-top: 1rem;
  }
  .s13 {
    height: 570px;
  }
  .recomendacoes-pc{
    margin: auto auto;
    display: none;
  }
  .recomendacoes-mobile{
    width: 60vw;
    margin: auto auto;
    display: block;
  }
  .s13 h1 {
    padding-top: 12rem;
    padding-bottom: 1rem;
    text-align: center;
    color: #01443d;
  }
  .grid-col-s13 {
    width: 50vw;
    margin: auto auto;
    display: contents;
  }
  .col-s13 img {
    width: 35vw !important;
  }

  .titulo-depoimentos h1 {
    margin-left: 0;
    padding-top: 4rem;
    text-align: center;
    margin-bottom: 0rem;
  }
  .video-depoimento{
    margin: auto auto;
    width: 90vw;
    height: 200px;
    }

  .box-escondido{
    width: 40%;
  }

  .s15 img {
    width: 40vw;
  }
  .faq__content p{
    font-size: 20px;
  }

  .s16 {
    height: 500px !important;
    text-align: center;
  }
  .grid-col-s16 {
    display: contents;
  }
  .col1-s16 img {
    width: 100vw;
    margin-top: -3rem;
    float: right;
  }
  .conteudo-s16 {
    color: white;
    width: 95vw;
    margin: auto auto;
  }
  .conteudo-s16 p{
    font-size: 20px
  }
  .col2-s16 {
    display: contents;
    align-items: center;
  }
  .col1-s16 img {
    width: 100vw;
    margin-top: -3rem;
    padding-bottom: 1rem;
    float: right;
  }


}

@media (max-width: 1400px)
{
  .botao-matricular{
    margin: -30px 210px 0px auto;
  }

  .recado{
    margin: 20px auto 0px 7rem;
  }

  .conteudo-s3 {
    display: 1;
    margin-right: 0rem;
    float: right;
    width: 33vw;
  }

  .col2-s3 img{
    margin-left: -7rem;
  }

  .imagem-navio img {
    width: 42vw;
  }

  .col1-s6 h1 {
    margin-top: 2rem;
    margin-right: 0rem;
    float: right;
    width: 88%;
  }

  .col2-s6 img{
    width: 30vw;
  }

  .col1-s7 img {
    width: 33vw;
  }

  .container-s7 {
    margin: auto auto;
    width: 70vw;
  }

  .col1-s8 img {
    width: 38vw;
    float: none;
  }

  .s9 {
    height: 44vw;
  }
  .cont-s9 {
    padding-top: 5rem;
    margin: auto auto;
    width: 44vw;
  }

  .s10 {
    background-color: white;
    width: 70vw;
    margin: auto auto;
  }
  .col2-s10 {
    margin-top: 0rem;
  }


  .conteudo-s11 img {
    width: 19vw;
  }


  .grid-col-s12 {
    width: 56vw;
  }
  .botao-matricular3 {
      margin: 16rem -120px 0px auto;
  }

  .col-s13 img{
    width: 12vw;
  }

  .s16 {
    height: 19vw;
  }


}