.hero .box-content {
  height: 80vh;
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  color: #fff;
}

.hero {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('/assets/img/bf-hero-bg.jpg');
  padding-bottom: 0;
}

.fs-2 {
  font-size: 40px !important;
}

.fs-3 {
  font-size: 30px !important;
}

.fs-4 {
  font-size: 24px !important;
}

.title b {
  font-weight: 700;
}


.button-outline {
  border: 1px solid var(--light-blue);
  color: var(--light-blue) !important;
  background-color: transparent !important;
}

.button-outline:hover{
  color: #fff !important;
}

.bg-light-blue {
  background-color: #EBF5FA !important;
}

.bg-blue-img::before {
  content: '';
  position: absolute;
  right: -20px;
  bottom: -20px;
  background-color: #EEF8F9;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.value-section .column {
  padding: 0 55px;
}

.value-section {
  padding-top: 90px;
  display: flex;
}

.value-section p {
  line-height: 1.2;
}

.section.is-full-img .box-img {
  top: unset;
}

.hero.is-medium .box-content {
  height: unset;
}

.section-pt-1 {
  padding-top: 120px !important;
}

.section-pt-2 {
  padding-top: 80px !important;
}

.section-pt-3 {
  padding-top: 50px !important;
}

.card-promo-twenty {
  padding: 20px 0 !important;
  background-color: #e0f0f9 !important;
  flex-flow: row ;
  background-position: center !important;
  background-size: 240px !important;
}

.card-promo-twenty .column {
  display: flex;
  flex-flow: column;
  justify-content: center;
}

.section-image ul li {
  margin-bottom: 5px;
  font-weight: 500;
}

.section-image ul li img {
  margin-right: 5px;
}


@media screen and (min-width: 1480px) {
  .value-section .column {
    padding: 0 80px;
  }
}

@media screen and (min-width: 769px) and (max-width: 1026px) {
  .value-section .column {
    padding: 0 20px;
  }
}

@media screen and (max-width: 768px ) {
  .category-box.card {
    margin-bottom: 55px;
  }

  .value-section .column:first-child {
    padding: 0 15px;
  }

  .value-section .column {
    padding: 0 70px;
  }

  .is-full-img .box-img {
    width: 100% !important;
    margin: 0 !important;
    margin-bottom: 30px !important;
  }

  .bg-blue-img::before {
    right: -15px;
    bottom: -15px;
  }

  .fs-2 {
    font-size: 28px !important;
  }

  .gamma-section {
    padding-bottom: 0 !important;
  }

  .value-section {
    padding-bottom: 60px;
  }

  .section-pt-1 {
    padding-top: 95px !important;
  }
  
  .card-promo-twenty .column {
    padding: 0 !important;
    text-align: center !important;
  }
  .card-promo-twenty .column p {
    text-align: center !important;
  }

  .card-promo-twenty .column:first-child {
    margin-bottom: 10px;
  }

  .card-promo-twenty {
    padding: 30px 20px !important;
    margin-bottom: 20px !important;
    flex-flow: column ;
  }

  .banner-text {
    padding: 55px 15px;
  }

  .banner-text a:first-child {
    margin-right: 0 !important;
    margin-bottom: 10px;
  }

  .banner-text a {
    width: 195px;
  }

  .banner-text h2 {
    font-size: 25px !important;
  }

  .promo.promo-card-pergole {
    margin-bottom: 115px;
  }

  .consulenza-section .order-1 {
    order: 1 !important;
  }
  .consulenza-section .order-2 {
    order: 3 !important;
  }
  .consulenza-section .order-3 {
    order: 4 !important;
  }
  .consulenza-section .order-4 {
    order: 2 !important;
  }

  .steps {
    padding: 0;
  }

  .project-box {
    margin: 0;
  }

  .consulenza-section > div > div > div.column {
    margin-bottom: 25px;
  }

  .topbar .navbar-item {
    display: none !important;
  }

}

@media screen and (max-width: 375px) {
  .promo.promo-card-pergole .promo-card-text {
    height: 75px;
    bottom: -75px;
  }
}