.services-overview-container
  +flex()
  +flex-rows()
  margin-bottom: 50px

  .service-in-overview-container
    width: 50%

    +respond-to-width(700)
      width: 100%

    h2
      margin-bottom: 10px
      margin-top: 25px

    .service-overview-image
      position: relative
      height: 300px
      width: 100%

      transition: opacity 0.4s ease
      opacity: 0.75

      background-size: cover
      background-repeat: no-repeat
      background-position: center, center

      &:hover
        opacity: 1

  a
    display: inline-block
    width: 100%

.service-detail

  margin-bottom: 50px

  .title
    margin-bottom: 15px
    color: $white

.service-overview-link
  color: $white
  transition: color 0.4s ease
  &:hover
    color: $tertiaryColor