/*
* ----------------------------------------------------------------------------------------
* BANNERS
* ----------------------------------------------------------------------------------------
*/
@media only screen and (min-width: 1px) {
  .desktop--hero-banner {
    background-repeat: no-repeat;
    background-size: contain;
    height: 0;
    margin-top: 0;
    padding-top: 44%;
    width: 100%; 
  }

  .desktop--hero-banner-container h2 {
    display: none; 
  } 
}
@media only screen and (min-width: 768px) {
  .desktop--hero-banner {
    background-size: contain;
    background-repeat: no-repeat;
    height: 0;
    margin-top: 5px;
    /*padding-top: 66.64%;*/
    padding-top: 36%;
    width: 100%; 
  }

  .desktop--hero-banner-container h2 {
    display: block; 
  }

  .banner-title {
    font-size: 26px !important;
    left: 45px;
    position: absolute;
    top: 85px;
    max-width: 250px; 
  } 
}
@media only screen and (min-width: 992px) {
  .banner-title {
    font-size: 29px !important;
    left: 45px;
    max-width: 315px;
    top: 109px; 
  } 
}
@media only screen and (min-width: 1200px) {
  .banner-title {
    font-size: 36px !important;
    left: 45px;
    max-width: 378px;
    top: 133px; 
  } 
}
/*
* ----------------------------------------------------------------------------------------
* CONTENT
* ----------------------------------------------------------------------------------------
*/

@media only screen and (min-width: 1px) {
  .product-feature-subtitle {
      font-size: 20px;
  }
}

@media only screen and (min-width: 768px) {
  .product-feature-subtitle {
        font-size: 25px;
  }

  .fp-p {
        margin-top: 0;
  }

  .hidden-sm {
        display: initial !important;
  }
}

/*# sourceMappingURL=fine-fusion.css.map */