/*SIZE*/
/* COLORS */
/* FONTS */
/* SHADOW */
/* border */
/*Transition*/
/* Media queries */
/* Ejemplo Uso
body{ 
    ...
    @include media-breakpoint-up($sm) {
        background:red;
    }
    @include media-breakpoint-up($md) {
        background:none;
    }
    ...   
}
*/
/* Ejemplo de uso:
p{
  @include text-truncate();
}
*/
/* Ejemplo de uso:
p {
  @include font-size(13);
}
*/
/* Ejemplo de uso:
p {
    @include fluid-type($min_width, $max_width, $min_font, $max_font);
}
*/
.featured-one-block {
  margin-bottom: 0;
}

@media (min-width: 992px) {
  .featured-one-block {
    display: flex;
  }
}

.featured-one-block--item {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: -15px;
  margin-right: -15px;
}

@media (min-width: 992px) {
  .featured-one-block--item {
    padding: 18px 27px;
    margin-right: initial;
    margin-right: initial;
  }
}

.featured-one-block .bg-green {
  background-color: rgba(21, 155, 139, 0.9);
}

.featured-one-block .bg-blue {
  background-color: rgba(41, 68, 89, 0.9);
}

.featured-one-block .wrap-text {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 25px;
  padding-right: 25px;
  text-align: center;
  color: #ffffff;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.featured-one-block .wrap-text h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #ffffff;
}

.featured-one-block .wrap-text .description {
  margin-bottom: 30px;
}

.featured-one-block .wrap-text .button {
  margin-bottom: 0;
}

.featured-one-block .wrap-text .button .btn {
  width: 228px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 992px) {
  .featured-one-block .wrap-text {
    padding-top: 54px;
    padding-left: 38px;
    padding-right: 38px;
  }
  .featured-one-block .wrap-text h2 {
    min-height: 100px;
  }
  .featured-one-block .wrap-text .description {
    min-height: 90px;
    margin: 0;
  }
}
