.order-form { max-width: 600px; padding: 90px; margin: 20px auto; background: url("../img/formbg.jpg") 0% 0% / 100% 100% no-repeat rgb(255, 255, 255); }
.order-form .top { padding-top: 100px; background: url("../img/med.png") center top / 100px no-repeat; }
.order-form .top h2 { margin: 25px 0px 0px; padding: 0px; line-height: 32px; font-size: 30px; font-weight: 700; }
.order-form .top p { font-size: 14px; color: rgb(0, 0, 255); font-style: italic; }
.order-form .price p span { font-size: 21px; font-weight: 700; color: red; }
.order-form .frame { margin: 45px 10px 25px; border: 2px solid rgb(2, 153, 255); padding: 10px; }
.order-form .frame p { font-size: 12px; font-weight: 700; line-height: 30px; margin: 0px !important; }
.order-form .order-input { margin: 10px; }
.order-form label { width: 230px; display: block; margin: 0px auto; padding: 5px 0px; text-align: center; font-weight: 700; font-size: 16px; }
.order-form input { width: 100%; max-width: 300px; display: block; margin: 0px auto; padding: 15px; border-radius: 3px; border: 2px solid rgb(233, 215, 220); font-size: 21px; }
.order-form p { font-size: 12px; margin: 0px; line-height: 30px; }
.order-form button, .obutton { max-width: 245px; display: block; margin: 20px auto; padding: 20px; color: rgb(255, 255, 255); font-weight: 700; text-decoration: none; box-shadow: rgba(129, 150, 160, 0.45) 0px 4px 15px 0px; border-radius: 5px; background: rgb(2, 153, 255); transition: all 0.15s ease-in-out 0s; border: none; cursor: pointer; font-size: 20px; }
.order-form button:hover, .obutton:hover { background: rgb(1, 122, 204); text-decoration: none; color: rgb(255, 255, 255); }
.order-form button:disabled, .obutton:disabled { opacity: 0.5; }
.order-form button:hover:disabled, .obutton:hover:disabled { background-color: rgb(2, 153, 255); }
.order-form button:active { position: relative; top: 1px; }
.order-form .timelimit { font-size: 14px; margin: 0px 0px 10px; }
.timer { display: inline-block; background: url("../img/4.jpg") no-repeat; padding-left: 14px; color: red; font-weight: 700; line-height: 15px; }

@media screen and (max-width: 480px) {
  .order-form label { font-size: 14px; }
  .order-form button { font-size: 16px; }
  .order-form { padding: 80px 50px 60px; }
  .order-form .order-input { margin: 2px; }
}
@media screen and (max-width: 459px) {
  .order-form input { width: 80%; }
  .order-form { margin-left: -20px; margin-right: -20px; }
}
@media screen and (max-width: 349px) {
  .order-form .top h2 { margin: 0px; }
  .order-form input { font-size: 17px; }
  .order-form .frame { margin: 10px; }
}