/* Popover customization */
.popover {
  color: #003B6A;
  font-size: 15px;
  border:none;
}
.Pins-Item__arrow {
  display: block!important;
}
.Facilita__text {
  color: #fff;
  font-size: 21px!important;
}
.Facilita__logo{
  width: 130px!important;
}
.logo-image{
  text-align: center!important;
  display: flex!important;
  flex-direction: column!important;
  align-items: center!important;
  }
  .Facilita__logo-trena {
    width: 166px!important;
}
.blue-bold{
  color:#003B6A;
  font-weight: 700;
}

@media (min-width: 768px){
  .cards-space{
    width: 100%!important;
    padding-right: 10px;
    padding-left: 0px
  }
}
@media (min-width: 1024px){
 .banner-image{
  height: 63vh;
 }

}
@media (min-width: 1200px){
  .cards-space{
    width: 100%!important;
    padding-right: 10px;
    padding-left: 0px
   }
   .Card__button {
    font-size:13px!important
   }
}
@media (max-width: 1024px){
.Card__button {
    font-size: 10px!important;
}
.Card__text {
  font-size: 11px!important;
  }
}
@media (min-width: 1200px){
  .cards-space{
    width: 100%!important;
    padding-right: 10px;
    padding-left: 0px
  }

}
@media (min-width: 1600px){
    .cards-space {
        width: 100%!important;
        padding-right: 10px;
        padding-left: 0px;
       }
       .Card__text {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 21px;
      }
      .Pins__title {
        margin-bottom: 0;
        font-size: 90px!important;
        font-weight: lighter;
        text-align: center;
      }
      .Pins-Item__title {
          font-size:26px!important;
      }
      .Quiz__title {
        font-size: 56px!important;
      }
      .Question__title {
        font-size: 25px!important;
      }
      .Product__name {
        font-size: 29px!important;
      }
      .Product__description {
        font-size: 27px;
      }
      .Facilita__text {
        color: #fff;
        font-size: 34px;
      }
      .Product__link {
        font-size: 33px;
      }
      .FooterMenu__item {
        display: block;
        padding: 0;
        font-size: 21px;
      }
      .Footer__copy {
        margin: 0;
        padding: 1em 0;
        font-size: 20px;
        text-align: center;
       }
       .modal-dialog {
        max-width: 80%;
        height: 40vh;
        margin: 1.75rem auto;
       }
       .Quote__title {
        margin: 1em 0;
        color: #005691;
        font-size: 46px;
        text-transform: uppercase;
        line-height: normal;
      }
      .modal-content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        pointer-events: auto;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid rgba(0,0,0,.2);
        border-radius: 0;
        outline: 0;
        height: 73vh!important;
      }
      .FloatButton {
        position: fixed;
        bottom: 20px;
        left: 50%;
        z-index: 10;
        height: 55px;
        padding: 0 30px;
        color: #fff;
        font-family: Bosch Sans Light;
        font-size: 37px;
        text-align: center;
        border: none;
        background: #d2270d;
        cursor: pointer;
        -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
        box-shadow: 5px 5px 5px rgba(0, 0, 0, .2);
        -webkit-transition: all .15s ease;
        -o-transition: all .15s ease;
        transition: all .15s ease;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }
    .cards-space {
      width: 100%!important;
      padding-right: 10px;
      padding-left: 0px
      }
      .Card__text {
        margin-top: 10px;
        margin-bottom: 0;
        font-size: 25px;
        font-weight: 700;
    }
  }
  @media (min-width: 1800px){
    .banner-image{
      height:63vh!important;
    }
  }
  @media (min-width: 2000px){
    .Card__button {
      font-size: 22px!important;
    }
    .popover {
      color: #005691;
      font-size: 25px;
      border:none;
    }
    .popover-title{
      font-size:20px!important;
    }
  }