@import url("https://use.typekit.net/qpl6bwg.css");
body {
  background-color: #F8FCFF; }

.maintenance-container {
  height: 80vh;
  width: 90vw;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.maintenance-illustration {
  display: flex;
  flex-grow: 3;
  justify-content: center; }

.maintenance-illustration-img {
  height: 50vh;
  width: auto; }

.maintenance-message {
  display: flex;
  padding: 3vh 5vh 0vh;
  justify-content: center;
  flex-direction: column;
  flex-grow: 5; }

.kalibrr-img {
  align-self: start;
  height: 3.5vh;
  width: auto; }

.maintenance-title {
  font-family: proxima-nova;
  font-weight: bold;
  font-size: 4vh;
  color: #1C2326;
  text-align: left;
  line-height: 5vh;
  padding: 1.5vh 0vh 0vh; }

.maintenance-subtitle {
  font-family: proxima-nova;
  font-size: 2vh;
  color: #1C2326;
  text-align: left;
  line-height: 3vh; }

.support-link {
  color: #0d54a6;
  text-decoration: none; }

@media (min-width: 568px) and (orientation: landscape) {
  .maintenance-container {
    height: 60vh;
    width: 80vw;
    flex-direction: row; }
  .maintenance-illustration {
    justify-content: flex-end; }
  .maintenance-illustration-img {
    height: 60vh; }
  .maintenance-message {
    padding: 5vh 5vh; }
  .maintenance-title {
    padding-top: 1.5vh;
    font-size: 5vh;
    line-height: 6vh; } }

@media (min-width: 1204px) {
  .maintenance-container {
    width: 70vw; } }

@media (min-width: 1440px) {
  .maintenance-container {
    width: 55vw; } }