@charset "UTF-8";

.requestBox p span {
  color: #ff6374;
}

.staticBanner img {
  width: 100%;
  height: auto;
}

#requestForm form {
  text-align: center;
}

#requestForm input[type="email"] {
  box-sizing: border-box;
}

#requestForm input[type="submit"] {
  background-color: #00a8e6;
  color: #ffffff;
  border: 0;
  font-weight: bold;
  padding: 0;
  box-sizing: border-box;
  cursor: pointer;
}

.errorBox {
  background-color: #f3f3f3;
  border: 1px solid #301500;
  padding: 2em 3% 3%;
  position: relative;
}

.closeBtn {
  background-color: #000000;
  color: #ffffff;
  font-size: 80%;
  left: -1px;
  padding: 1%;
  position: absolute;
  top: -1px;
}

.errorBox p {
  color: #cb0000;
  font-size: 90%;
  line-height: 1.5;
}

@media screen and (min-width: 769px) {
  .requestBox p {
    line-height: 1.35;
    font-size: 13px;
  }

  .staticBanner {
    width: 550px;
    height: 180px;
    margin: 45px auto 70px;
  }

  #requestForm {
    margin: 25px auto;
  }

  #requestForm input[type="email"] {
    width: 250px;
    height: 35px;
    font-size: 13px;
    margin-right: 5px;
  }

  #requestForm input[type="submit"] {
    width: 115px;
    height: 35px;
    font-size: 18px;
    transition: opacity .15s ease;
  }

  #requestForm input[type="submit"]:hover {
    opacity: 0.8;
  }

  .errorBox {
    margin: 15px auto;
  }
}

@media screen and (max-width: 768px) {
  .requestBox {
    width: 96%;
    margin: 0 auto 8%;
  }

  .requestBox p {
    line-height: 1.5;
    font-size: 3.8vw;
  }

  .signUp a {
    margin: 5% auto 0;
  }

  .staticBanner {
    margin: 10% auto 0;
  }

  #requestForm {
    margin: 7% auto;
  }

  #requestForm input[type="email"] {
    width: 60%;
    height: 8vw;
    font-size: 3.8vw;
    margin-right: 0.2em;
  }

  #requestForm input[type="submit"] {
    width: 20%;
    height: 8vw;
    font-size: 4vw;
  }

  .errorBox {
    margin: 3% auto;
  }
}