html, body, .container, main, #app {
  height: 100%;
}
body {
  font-size: 1.2em;
  background: white url('../img/onboarding-bg.png');
}

.content {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  padding: 10px 0 0 0;
}
.content-body {
  display: flex;
  height: 100%;
  flex-direction: column;
  justify-content: center;
  padding: 0 25px;
}

.content-body h1 {
  font-weight: 600;
  color: #032046;
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 25px;
}
.content-body p {
  font-size: 2.5vh;
  font-weight: 400;
  text-align: center;
}
.content-body p.small {
  font-size: 2vh;
  margin-top: 15px;
}

.content-body a.mychart {
  display: block;
  text-align: center;
  margin: 20px 0;
}
.content-body a.mychart img {
  width: 150px;
}

.content a.button {
    display: block;
    text-align: center;
    width: 100%;
    padding: 8px 0;
    font-size: 1.2em;
    font-weight: 400;
    border-radius: 5px;
    border-color: #ce8127;
    border-width: 1px;
    border-style: solid;
    margin: 10px auto 10px auto;
}
.content-footer a.button {
  margin: 0 auto;
}
.content a.app {
    color: white;
    background-color: #ce8127;
}
.content a.web {
    color: #ce8127;
    background-color: white;
}