@media (max-width: 700px) {
  .mobile-only {
    display: inherit; }
  .btn {
    padding: 6px 17px 11px 17px !important;
    font-size: 17px !important; }
  .desktop-only {
    display: none; }
  .curtain .close-btn {
    width: 30px; }
  .curtain .ytplayer {
    width: 90%;
    max-width: none; }
    .curtain .ytplayer iframe {
      height: 250px; }
  .curtain .btn {
    margin-top: 170px; }
  .hero .clock {
    width: 45%;
    max-width: 350px;
    position: absolute;
    top: -60px;
    right: -60px; }
  .hero .hero-text {
    position: absolute;
    top: 4.5%;
    width: 70%; }
  .hero .section-title {
    font-size: 33px;
    line-height: 1.2em;
    margin-bottom: 5px;
    font-weight: normal !important; }
  .hero .section-subtitle {
    font-size: 20px;
    letter-spacing: -0.5px; }
  .hero .btn-container {
    width: 85%;
    position: absolute;
    top: 33%; }
    .hero .btn-container .watch-video-btn, .hero .btn-container .tech-demo-btn {
      width: 47%;
      margin: 0px 0%; }
  .hero .header-vid {
    width: 90%;
    height: auto;
    position: absolute;
    top: 47.2%;
    box-shadow: 0px 7px 30px 5px rgba(0, 0, 0, 0.5); }
  .navbar {
    height: 50px; }
    .navbar .logo {
      height: 25px;
      left: 40px; }
    .navbar .apply {
      position: absolute;
      right: 160px;
      top: 50%;
      transform: translateY(-50%);
      font-size: 13px; }
    .navbar .btn {
      padding: 4px 14px 9px 14px !important;
      font-size: 16px !important;
      margin-right: 10px !important; }
  .section .section-title {
    font-size: 30px;
    line-height: 1.2em;
    font-weight: normal !important; }
  .section .section-subtitle {
    font-size: 18px;
    font-weight: 300 !important;
    width: 90%;
    margin: 30px auto; }
  .section .icon-component {
    font-size: 15px;
    display: inline-block;
    margin: 0px 15px; }
    .section .icon-component img {
      width: 50px;
      margin-bottom: -5px; }
  .section.left-align .content {
    width: 100%;
    padding: 70px 20px 0px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
  .section.left-align .left {
    width: 100%; }
  .section.left-align .right {
    width: 100%; }
  .section.half {
    padding-top: 70px; }
    .section.half .reveal-video {
      width: 180%;
      position: relative;
      left: 50%;
      transform: translateX(-50%); }
  .section.mission .icon-cluster {
    margin-left: 0px; }
  .section.mission .icon-component {
    margin: 0px 10px; }
    .section.mission .icon-component img {
      width: 45px; }
    .section.mission .icon-component.bottom {
      margin: 0px 8px;
      left: -6px; }
  .section.mission .right .finger {
    top: 120px;
    right: -100px;
    width: 100%; }
    .section.mission .right .finger.show {
      opacity: 1;
      top: 100px;
      right: -70px; }
  .section.albert .chat-bubble {
    font-size: 15px; }
    .section.albert .chat-bubble.rain {
      margin-top: 20px;
      position: relative;
      left: 60px; }
  .section.albert .rendering {
    width: 150%;
    margin-left: -10px; }
  .section.slideshow {
    width: 100%;
    height: 350px; }
  .section.apps {
    padding-top: 70px; }
    .section.apps .app-demo-video {
      margin-top: 40px;
      box-shadow: 0px 100px 130px 0px rgba(0, 0, 0, 0.5); }
    .section.apps .cover {
      padding: 5px 0px;
      top: -40px; }
      .section.apps .cover .tray {
        zoom: 0.55;
        margin-bottom: 20px; }
      .section.apps .cover .section-subtitle {
        font-size: 16px;
        max-width: 300px;
        margin-bottom: 140px; }
  .section.thin .content {
    padding-top: 0px; }
  .section.thin .rendering {
    margin-left: 0px;
    margin-top: 30px;
    width: 150%;
    position: relative;
    left: 50%;
    transform: translateX(-50%); }
  .section.faq {
    padding-top: 0px;
    padding-bottom: 70px; }
    .section.faq .left {
      border-right: none; }
    .section.faq .left, .section.faq .right {
      padding: 60px 0px;
      border-bottom: 1px solid #f3475c; }
    .section.faq .note {
      font-size: 0.85em; }
  .section.email {
    padding-bottom: 120px; }
    .section.email #mc_embed_signup {
      font-size: 12px;
      width: 90%; }
  .footer {
    height: 220px; }
    .footer .content {
      flex-wrap: wrap;
      justify-content: flex-start; }
    .footer .logo-container {
      width: 100%;
      height: 27px;
      text-align: center; }
    .footer .logo {
      height: 35px;
      width: auto; }
    .footer .item {
      margin: -10px 20px !important; }
    .footer .copyright {
      font-size: 0.8em;
      width: 100%;
      text-align: center; }
  .section.faq-content .section-subtitle {
    font-size: 19px; } }

@media (max-width: 400px) {
  iframe:not(.yt) {
    left: -12px !important; } }