/* P ou EXTRA P*/
@media screen and (min-width: 400px) {
  #hero{
      min-height: 240px;
      padding: 15px 25px
  }
    .tags{
      display:block;
      margin-bottom:10px;
    }
    #home-inst{
      margin-top:50px;
      margin-bottom: 50px;
    }
    #bluehalf{
      padding-left:30px;
      padding-right: 50px;
    }
    .cta-min-mobile{
      font-size:1em;
    }
    .hx-rounded{
      font-size: 0.8em !important;
    }
    #goal-text{
      padding-right:20px;
      padding-left: 20px;
    }
    .afasta10{
      margin-top:10px;
    }
    .afasta20{
      margin-top:20px;
    }
    .afasta30{
      margin-top:30px;
    }
    .afasta40{
      margin-top:40px;
    }
    .afasta50{
      margin-top:50px;
    }
    #hero-blog h1{
      margin-top:100px
    }
    #hcourses{
      margin-top:30px;
    }
    #hero-profs p{
      margin-right:30px
    }
    #hero-profs h4{
      margin-right:30px
    }
    .bio h3{
      margin-top:20px
    }
    #hero-blog h1{
      margin-top:50px
    }
    .canais-contato h1{
      margin-top:40px
    }
    #contacs-box{
      padding-top: 10px;
    }
    #props-curso{
      padding-bottom:55px;
    }
    #briefing-course{
      padding-top:40px;
      padding-bottom:40px;
    }
    #briefing-course h2{
      margin-bottom:20px;
    }
    #about-comunity{
      padding-top:30px;
      padding-left:0px;
    padding-right:0px
    }
    #about-comunity h2{
      margin-bottom:20px
    }
    .description-big{
      font-size:1em;
    }
    .skills-after-course{
      padding-top:10px;
      padding-bottom:10px;
    }
    #form-insc-mobile{
      display:block;
    }
}

@media screen and (min-width: 300px) {
  #hero{
      min-height: 240px;
      padding: 15px 25px
  }
     .tags{
      display:block;
      margin-bottom:10px;
    }
    #home-inst{
      margin-top: 50px;
      margin-bottom: 50px;
    }
    #bluehalf{
      padding-left:30px;
      padding-right: 50px;
    }
    .cta-min-mobile{
      font-size:1em;
    }
    .hx-rounded{
      font-size: 0.8em !important;
    }
    #goal-text{
      padding-right:20px;
      padding-left: 20px;
    }
    .afasta10{
      margin-top:10px;
    }
    .afasta20{
      margin-top:20px;
    }
    .afasta30{
      margin-top:30px;
    }
    .afasta40{
      margin-top:40px;
    }
    .afasta50{
      margin-top:50px;
    }
    #hcourses{
      margin-top:30px;
    }
    #hero-profs p{
      margin-right:30px
    }
    #hero-profs h4{
      margin-right:30px
    }
    .bio h3{
      margin-top:20px
    }
    #hero-blog h1{
      margin-top:50px
    }
    .canais-contato h1{
      margin-top:40px
    }
    #contacs-box{
      padding-top: 10px;
    }
    #props-curso{
      padding-bottom:55px;
    }
    #props-curso span{
      font-size: .8em;
    }
    #briefing-course{
      padding-top:40px;
      padding-bottom:40px;
    }
    #briefing-course h2{
      margin-bottom:20px;
    }
    #about-comunity{
      padding-top:30px;
      padding-left:0px;
    padding-right:0px
    }
    #about-comunity h2{
      margin-bottom:20px
    }
    .description-big{
      font-size:1em;
    }
    .skills-after-course{
      padding-top:10px;
      padding-bottom:10px;
    }
    #form-insc-mobile{
      display:block;
    }
}

/*M ou G*/

@media screen and (min-width: 800px) {
  #hero{
      min-height: 540px;
      padding: 15px 25px
  }

    #bluehalf{
      padding-left:30px;
    }
    #bluehalf{
      padding-left:30px;
      padding-right: 100px;
    }
    .cta-min-mobile{
      font-size:1.4em !important;
    }
    #goal-text{
      padding-right:50px;
      padding-left: 100px;
    }
    #form-insc-mobile{
      display:none;
    }
.afasta30{
  margin-top:auto
}
}