.paragraph--type--simple-featured-cards {
  padding: 0% 12%;
  width: 100%;
}

.paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item {
  margin: 40px 0px !important;
  position: relative;
  float: left;
  width: 100%;
}

.paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item:first-child {
  margin-top: 0px !important;
}

.paragraph--type--simple-featured-cards .featured-cards-row-regular {
  width: 100%;
}

.paragraph--type--simple-featured-cards .featured-cards-row-regular .col-md-7 {
  float: left;
}

.paragraph--type--simple-featured-cards .featured-cards-row-regular .col-md-4 {
  float: right;
  text-align: right;
}

.paragraph--type--simple-featured-cards .featured-cards-row-regular .col-md-4 h2 {
  text-align: right;
}

.paragraph--type--simple-featured-cards .featured-cards-row-reverse {
  width: 100%;
}

.paragraph--type--simple-featured-cards .featured-cards-row-reverse .col-md-7 {
  float: right;
}

.paragraph--type--simple-featured-cards .featured-cards-row-reverse .col-md-4 {
  float: left;
  text-align: left;
}

.paragraph--type--simple-featured-cards .featured-cards-row-reverse .col-md-4 h2 {
  text-align: left;
}

.paragraph--type--simple-featured-cards p {
  margin-top: 15px;
}

.featured-cards-background {
  background-size: 100% 60% !important;
  background-repeat: space !important;
  background-color: #F4F7FA !important;
}

@media only screen and (max-width: 992px) and (min-width: 768px) {
  .paragraph--type--simple-featured-cards {
    padding: 0%;
  }
  .paragraph--type--simple-featured-cards .featured-cards-row-regular .col-md-7 {
    width: 60%;
  }
  .paragraph--type--simple-featured-cards .featured-cards-row-regular .col-md-4 {
    width: 32%;
  }
  .paragraph--type--simple-featured-cards .featured-cards-row-reverse .col-md-7 {
    width: 60%;
  }
  .paragraph--type--simple-featured-cards .featured-cards-row-reverse .col-md-4 {
    width: 32%;
  }
  .paragraph--type--simple-featured-cards p {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 768px) {
  .paragraph--type--simple-featured-cards {
    padding: 0%;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item {
    margin: 20px 0px !important;
    position: relative;
    float: left;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item:first-child {
    margin-top: 0px !important;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-regular .col-md-7, .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-reverse .col-md-7 {
    width: 100%;
    float: left;
    padding: 0;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-regular .col-md-7 .featured-cards-item-image .skew-bottom:before, .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-regular .col-md-7 .featured-cards-item-image .skew-top:before, .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-reverse .col-md-7 .featured-cards-item-image .skew-bottom:before, .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-reverse .col-md-7 .featured-cards-item-image .skew-top:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    display: block;
    z-index: 10;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-regular .col-md-4, .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-reverse .col-md-4 {
    padding: 0;
    width: 100%;
    float: left;
    text-align: left;
    padding: 10%;
    bottom: 0px;
    position: absolute;
    color: #ffffff;
    z-index: 30;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-regular .col-md-4 h2, .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item .featured-cards-row-reverse .col-md-4 h2 {
    text-align: left;
    color: #ffffff;
  }
  .paragraph--type--simple-featured-cards .paragraph--type--simple-featured-cards-item p {
    margin-top: 15px;
  }
}