/* *****************************************************************************
*
*  Splash
*
* ***************************************************************************** */

.splash {
  position: relative;

  @include media-breakpoint-up(md) {
    &--have-separator:after {
      content:'';
      position: absolute;
      top: 0;
      left: 50%;
      width: 1px;
      height: 100%;
      background-color: $gray-200;
    }
  }

  &__container {
    max-width: 40%;
    margin: auto;

    @include media-breakpoint-down(sm) {
      max-width: 100%;
      width: 100%;
    }
  }

  &__img {
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
  }

  &__logo-mobile {
    max-width: 130px;
  }

  &__btn {
    @include media-breakpoint-down(sm) {
      width: 100%;
    }
  }
}