.sign-in {
  display: flex;
  width: 50%;
  margin: 0 auto;
  position: relative;
  background-color: #fff;
  box-shadow: 10px 10px 40px 0 rgba(0, 0, 0, 0.1);
}
.sign-in .sign-in__aside {
  position: relative;
  display: block;
  width: 50%;
  background-image: url(https://images.unsplash.com/photo-1493994055174-cfa612a0d07c?ixlib=rb-0.3.5&s=943c825034b8e45a381f1621fef5817a&auto=format&fit=crop&w=3300&q=80);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.sign-in .sign-in__overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 50px;
  color: #fff;
  background: rgba(38, 47, 99, 0.5);
}
.sign-in .sign-in__overlay .text {
  text-shadow: 0 1px 1px #000;
}
.sign-in .sign-in__overlay .btn.btn--white {
  color: #333;
}
.sign-in .sign-in__content {
  display: block;
  width: 50%;
  padding: 50px;
}
@media (min-width: 320px) and (max-width: 767px) {
}