#stepBox { width: 100%; height: 40px; line-height: 40px; background: #EEE; margin: 0; font-size: 18px; }
#stepBox.bottom { border-top: 1px solid #991E66; }
#stepBox.top { border-bottom: 1px solid #991E66; }
.step { width: calc(100% / 6); text-align: center; float: left; }
.step.active { background: #991E66; color: #FFF; font-weight: 700; }
.step.complete { background: #CCC; color: #AAA; font-weight: 700; }
.ui-widget { font-family: 'Muli', 'sans-serif' !important; }
p.formBotton { text-align: center; }

/* Form */
form#standard { border-top: 20px solid #991e66; padding: 30px 5%; width: 90%; }
form h2 { color: #991e66; font-weight: 400; font-size: 36px; }
#submitEvent h3 { font-size: 24px; margin-bottom: 5px; }
#submitEvent ol, #rfpContact ol, #enter ol { margin: 0; padding: 0; list-style: none; }
#submitEvent li, #rfpContact li, #enter li { width: 100%; clear: both; display: block; padding: 7px 0; }
#submitEvent label { float: left; text-align: right; margin: 8px 2px; width: 300px; padding: 5px; }
#submitEvent input[type="submit"] { font-family: Oswald, sans-serif; text-transform: uppercase; color: #AAA; border: 4px solid #AAA; display: block; padding: 5px 20px; text-decoration: none; text-align: center; background: #FFF; font-size: 30px; margin: 30px auto; cursor: pointer; }
#submitEvent input[type="submit"]:hover { background: #AAA; color: #FFF; }
#submitEvent input[type="text"], #submitEvent input[type="email"] { width: calc(100% - 326px); font-family: Muli, sans-serif; font-size: 16px; padding: 4px; margin: 7px 0; border: #EBEBEB solid 2px; background: #FFF; }
#submitEvent input[type="file"] { display: block; width: 300px; margin: 50px auto; font-size: 18px; font-family: Muli, sans-serif; }
#submitEvent select { width: calc(100% - 316px); border: 1px solid #666; margin: 10px 0; padding: 3px; font-size: 16px; font-family: Muli, sans-serif; }
#submitEvent textarea { width: calc(100% - 326px); border: #EBEBEB solid 2px; background: #FFF; margin: 5px 0; padding: 4px; font-size: 16px; font-family: Muli, sans-serif; height: 200px; }
.red { color: #C00; }
.info { margin-left: 314px; margin-top: 5px; }
.formInstructions { margin-bottom: 20px; display: block; }
.checkboxGroup { float: left; margin-right: 50px; }
.g-recaptcha { margin: 30px auto 0; display: block; width: 304px; }
.fullWidth { width: 100%; text-align: center; }

#rfpContact label, #enter label { float: left; width: 100%; padding: 0 0 5px; }
#rfpContact i, #enter i { color: #C00; font-style: normal; font-weight: 700; }
#rfpContact input[type="submit"], #enter input[type="submit"] { font-family: Oswald, sans-serif; text-transform: uppercase; color: #AAA; border: 4px solid #AAA; display: block; padding: 5px 20px; text-decoration: none; text-align: center; background: #FFF; font-size: 30px; margin: 30px auto; cursor: pointer; }
#rfpContact input[type="submit"]:hover, #enter input[type="submit"]:hover { background: #AAA; color: #FFF; }
#rfpContact input[type="text"], #enter input[type="text"] { width: calc(100% - 12px); font-family: Muli, sans-serif; font-size: 16px; padding: 4px; border: #EBEBEB solid 2px; background: #FFF; }
#rfpContact input[type="file"], #enter input[type="file"] { display: block; width: 300px; margin: 50px auto 0; font-size: 18px; font-family: Muli, sans-serif; }
#rfpContact select, #enter select { width: calc(100% - 12px); border: 1px solid #666; margin: 10px 0; padding: 3px; font-size: 16px; font-family: Muli, sans-serif; }
#rfpContact textarea, #enter textarea { width: calc(100% - 12px); border: #EBEBEB solid 2px; background: #FFF; margin: 5px 0; padding: 4px; font-size: 16px; font-family: Muli, sans-serif; height: 120px; }

@media screen and (max-width: 800px) {
  #submitEvent label { float: none; text-align: left; width: 100%; margin: 0; padding: 0; }
  #submitEvent input[type="text"], #submitEvent input[type="email"] { float: none; width: calc(100% - 12px); }
  #submitEvent select { width: calc(100% - 16px); }
  #submitEvent textarea { width: 100%; }
  #submitEvent input[type="submit"] { font-size: 25px; }
  .info { margin: 5px 0 0 0; }
}