input[type='submit'] {
  margin-bottom: 30px;
}

.logging-links__link {
  margin-bottom: 8px;
}

.logging-links__link--signup {
  margin-bottom: 0px;
  margin-top: 25px;
}

.learn-safety-rules {
  margin-top: 45px;
}

.learn-safety-rules__icon {
  height: 14px;
  width: 14px;
  display: inline-block;
  overflow: hidden;
  margin-right: 5px;
}

.learn-safety-rules__link {
  display: inline-block;
}

.learn-safety-rules__link,
.learn-safety-rules__icon {
  vertical-align: text-top;
}


.login-wrapper {
  position: relative;
  top: 0 !important;
}

.login-wrapper br:first-of-type {
  display: none;
}


@media (min-width: 320px) and (max-width: 576px) {
  body {
    padding-top: 0 !important;
  }

  a {
    width: 320px !important;
  }

  img.logo {
    width: 320px;
  }

  .box { width: 320px !important;}

  .login-wrapper {
    width: 100vw !important; 
  }

  .login-wrapper br:first-of-type {
    display: block;
  }

  .login-wrapper .logo {
    width: 250px;
    margin-bottom: 0;
    position: static;
    left: 0;
    display: block;
    margin: 0 auto 20px;
  }

  .learn-safety-rules {
    width: 320px;
    padding-bottom: 5px;
    margin: auto;
    margin-top: 15px;
  }

  .learn-safety-rules__link {
    max-width: 225px !important;
  }
}