.landing-page {
  display: flex;
  height: 100vh;
}

.landing-row {
  display: flex;
  flex-direction: row;
  flex: 1 1 auto;
}

.landing-column {
  display: flex;
  width: 50%;
}

.app-details {
  padding: 65px;
  color: #666;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  flex-direction: column;
  box-sizing: border-box;
}

.sub-details {
  display: flex;
  justify-content: flex-end;
}

.sub-details h3{
  font-weight: normal;
}

.first-column {
  width: 30%;
  background: url("../images/landing-bg.jpg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.first-column:after {
  content: '';
  position: absolute;
  top: 0;
  width: 100%;
  bottom: 0;
  left: 0;
  background: rgba(0, 92, 170, 3%);
}

.second-column {
  width: 70%;
  justify-content: center;
  flex-direction: column;
}

.app-title {
  font-size: 2rem;
  color: #396d9a;
  font-weight: 500;
  margin: 0;
  text-align: right;
}

.app-details-footer {
  display: flex;
  justify-content: flex-end;
  padding: 65px;
}

.app-details-footer img {
  max-width: 175px;
}

/*=====================================
             Media Queries
======================================*/

/* Large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .app-title {
    font-size: 1.8rem;
  }

}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .landing-row {
    flex-direction: column-reverse;
    justify-content: flex-end;
  }

  .landing-column {
    width: 100%;
  }

  .first-column {
    height: 300px;
    margin-top: auto;
  }

  .second-column {
    min-height: 50vh;
  }

  .app-title {
    font-size: 1.3rem;
  }
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .app-title {
    font-size: 1rem;
  }

  .app-details {
    padding: 35px;
  }

  .app-details-footer {
    padding: 35px;
  }

  .sub-details h3 {
    font-size: .8rem;
  }
}