@import url('https://fonts.googleapis.com/css?family=Merriweather&display=swap');

.stage {
  padding: 30px 30px;
}

.cta {
  padding: 30px;
}

.cta:last-child {
  margin-bottom: 60px;
}

.cta a {
  text-align: center;
}

.cta a p {
  color: #777;
  font-family: 'Merriweather', serif;
  font-size: 1em;
  padding: 10px 0;
  transition: all 1s;
}

footer {
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background: #efefef;
  padding: 15px;
  text-align: center;
}

.cta a:hover, .cta a:hover p, footer a, footer a:hover {
  color: black;
  text-decoration: none;
}

@media only screen and (min-width: 600px) {
  .stage { padding: 30px 0; }
}

@media only screen and (min-width: 992px) {
  html { height: 100%; min-height: 100%; }
  body { height: calc(100% - 54px); min-height: calc(100% - 54px); }
  .stage {
    padding: 0;
    min-height: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .cta:last-child { margin-bottom: 0; }
}

@media only screen and (min-width: 1600px) {
  .container { max-width: 1400px; }
}