/* Reset */
body { margin: 0 }

/* Landing Page */
.landing {
  display: flex;
  flex-direction: column;
}

.landing .column {
  width: 100vw;
  height: 50vh;
  min-height: 100%;
  text-align: center;
  padding: 1rem;
}

.landing .column * {
  display: block;
  margin: 0 auto;
}

.landing .cyan {
  background: #5eb1cd;
  color: #FFF;
}
.landing .magenta {
  background: #c4004f;
}

.landing .logo {
  margin: 1rem auto;
  max-width: 25vw;
}

.landing .text {
  text-transform: lowercase;
  font-family: sans-serif;
  font-size: 1rem;
}

.landing .teaser {
  max-width: 900px;
  width: 45vw;
}

@media screen and (min-width: 48rem) {
  .landing {
    flex-direction: row;
  }
  .landing .column {
    width: 50vw;
    height: 100vh;
  }
}