.fa-inverse{
        color: #246E2D !important
  }
  
  #logo{
        max-width: 100%;
  }

  .btn{
        border-radius:10px!important;
  }

  .mt-5, .my-5 {
        margin-top: 3rem !important;
  }

  .mx-auto {
        margin-left: auto !important;
  }

  .landing-page .app-content-a{
    padding-top:0px !important;
}

#description{
border-radius: 20px;
color: white;
}

  @media (max-width:480px){
      #feature_text, #feature_title{
          text-align: center;
      }

      #icon1, #icon2, #icon3, #icon4, #icon5{
          padding-right: 50px;
      }
  }

.display-5 {
font-size: 3.5rem !important;
font-weight: 300;
line-height: 1.2;
}
@media (max-width: 575.98px) {
.display-5 {
font-size: 1.0rem;
font-weight: 300;
line-height: 1.2;
}
}
@media (min-width: 576px) and (max-width: 767.98px){
.display-5 {
font-size: 1.5rem;
font-weight: 300;
line-height: 1.2;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.display-5 {
font-size: 1.8rem;
font-weight: 300;
line-height: 1.2;
}
}
@media (min-width: 992px) {
.display-5 {
font-size: 2.0rem;
font-weight: 300;
line-height: 1.2;
}
}
.page-section {
padding: 100px 0;
}
@media (max-width: 575.98px) {
.page-section {
padding: 20px 0;
}
}
@media (min-width: 576px) and (max-width: 767.98px){
.page-section {
padding: 30px 0;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.page-section {
padding: 50px 0;
}
}
@media (min-width: 992px) {
.page-section {
padding: 70px 0;
}
}


.publicidade {
padding-top: 150px;
}
@media (max-width: 575.98px) {
.publicidade {
padding-top: 20px;
}
}
@media (min-width: 576px) and (max-width: 767.98px){
.publicidade {
padding-top: 30px;
}
}
@media (min-width: 768px) and (max-width: 991.98px){
.publicidade {
padding-top: 50px;
}
}
@media (min-width: 992px) {
.publicidade {
padding-top: 60px;
}
}