@charset "utf-8";
form {
   margin-left: 0
}
fieldset {
   margin: 50px 0 20px 0;
   padding: 0;
   width: 100%;
   border: none
}
legend {
   height: 40px;
   background-color: rgba(255, 255, 255, 0.50);;
   color: #fff;
   padding: 8px 15px;
   margin: 0 0 10px;
   border-radius: 20px;
}
label, input, select {
   display: block;
   float: left;
   width: 300px;
   padding-top: 10px
}
input[type=checkbox] {
   width: 115px
}
label {
   text-align: right;
   margin: 0 10px 0 0;
   width: 100px
}
label.label-checkbox {
   text-align: left;
   margin: 0 10px 0 0;
   width: 600px;
   max-width: 90vw;
   display: inline
}
input, textarea {
   background-color: #fff;
   border: none;
   padding: 10px;
   color: #542e0f;
   width: 600px;
   max-width: 90vw;
   margin-bottom: 20px;
   font-size: 18px
}
form br {
   clear: left
}
input#submit {
   float: none;
   width: auto;
   margin-left: 110px;
   background-color: rgba(30, 30, 30, 0.7);
   color: #fff !important;
   border: 1px solid transparent;
   border-radius: 10px;
   padding: 10px;
   margin: 2vh 0;
   text-transform: uppercase;
   display: block;
}
@media screen and (max-width: 500px) {
   form label {
      text-align: left;
   }
}