.no-strictmode .outdated,
.no-es5 .outdated,
.no-flexbox .outdated {
  display: block;
}

.no-strictmode #app,
.no-es5 #app,
.no-flexbox #app {
  display: none;
}

.outdated {
  display: none;
  width: 100vw;
  height: 100vh;
  padding: 80px 15px 15px;
  border: 20px solid #000;
  overflow: hidden;
}

.outdated .logo-outdated {
  position: absolute;
  width: 129px;
  height: 44px;
  top: 33px;
  left: 32px;
}

.outdated .logo-outdated img {
  width: 100%;
  height: 100%;
}

.outdated .line {
  width: 30vw;
  margin-left: 40vw;
  height: 20px;
  background-color: #000;
}

.outdated .call-upgrade {
  max-width: 275px;
  margin: 9vh auto auto;
  text-transform: uppercase;
  font-size: 64px;
  line-height: 1.25;
  white-space: normal;
  text-align: left;
}

.call-upgrade span {
  color: #d83201;
}

.outdated .old-browsers-message {
  width: 30vw;
  margin-top: 80px;
  margin-left: 40vw;
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.12;
  letter-spacing: normal;
  color: #140c07;
}

.outdated .browsers {
  margin-left: 10vw;
}

.outdated .browser {
  display: inline-block;
  margin-right: 20px;
  text-decoration: none;
  font-family: 'Playfair Display', serif;
  font-size: 17px;
  color: #140c07;
  vertical-align: middle;
  white-space: nowrap;
  line-height: 34px;
}

.outdated .browser img {
  margin-right: 18px;
}

.outdated .browser span {
  display: inline-block;
  width: 135px;
  vertical-align: top;
}

.outdated .old-browsers-message,
.outdated .browsers,
.outdated .line {
  display: none;
}


@media (min-width: 1024px) {
  .outdated {
    padding: 19vh 30px 30px;
  }

  .outdated .call-upgrade {
    max-width: 100%;
    margin: 50px 0;
    white-space: nowrap;
    text-align: center;
  }

  .outdated .old-browsers-message {
    width: 32vw;
    margin-top: 60px;
  }

  .outdated .browsers {
    margin-top: 100px;
    text-align: center;
  }

  .outdated .browser {
    text-align: left;
  }

  .outdated .browser span {
    display: block;
  }

  .outdated .old-browsers-message,
  .outdated .browsers,
  .outdated .line {
    display: block;
  }
}

@media (min-width: 1280px) {
  .outdated {
    padding: 19vh 0px 30px;
  }

  .outdated .call-upgrade {
    font-size: 89px;
    line-height: 0.9;
  }

  .outdated .browser span {
    display: inline-block;
  }
}

@media (min-width: 1440px) {
  .outdated {
    padding: 19vh 0px 30px;
  }

  .outdated .line {
    width: 28vw;
  }

  .outdated .old-browsers-message {
    width: 28vw;
  }
}

@media (min-width: 1920px) {
  .outdated .line {
    width: 35vw;
  }

  .outdated .old-browsers-message {
    width: 35vw;
  }
}