/* Shadow for the entire card section */
.ap-featured-card {
  box-shadow: 0 0 5px 0 rgba(0,0,0,.12);
}

/* Set height and background for featured card */
.ap-featured-card__img {
  background: url(http://www.picsum.photos/1920/1081/?random);
  background-size: cover;
  height: 300px;
}

/* Background and padding on content area */
.ap-featured-card__container {
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

.ap-featured-card__content {
  padding: 2rem;
}

/* Styling for the card subtitle */
.ap-featured-card__sub-title {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.02em;
}

/* Styling for the card title */
.ap-featured-card__title {
  font-family: "Playfair Display", "Times New Roman", serif;
  color: #af9751;
}

/* Styling for the Button */
.ap-featured-card__btn {
  text-transform: uppercase;
}

/* Desktop layout */
@media only screen and (min-width:768px) {
  .ap-featured-card {
    display: flex;
  }
  .ap-featured-card--reverse {
    flex-direction: row-reverse;
  }
  .ap-featured-card__img {
    flex-basis: 65%;
    height: 450px;
  }

  .ap-featured-card__container {
    flex-basis: 35%;
  }

  .ap-featured-card__content {
    margin: auto 0;
    padding: 0 4rem;
  }
}