/*style buttons on front facing civicrm forms*/
.crm-container.crm-public a.button,
.crm-container a.button.crm-register-button,
#crm-submit-buttons button,
#crm-container.crm-public .content button.crm-form-submit {
 background-color: #f15f4b;
 font-weight: bold;
 text-transform: uppercase;
 color: #f7f7f7;
 font-family: Montserrat, sans-serif;
 font-size: 17px;
 padding: 12px;
 text-shadow: none;
 border: 0px;
 border-radius: 0px;
}

#crm-submit-buttons button.crm-button.crm-button-type-back {
 background-color: #00527e; 
}

#crm-submit-buttons button.crm-button-type-back:hover {
 background-color: #f15f4b;
}

.crm-container .form-layout-compressed.fee_block-table {
 font-size: 15px;
}

.crm-container .crm-group.event_info-group div.display-block {
 margin: 0px;
}

.crm-container .event-info td.price_set_option-label {
 padding-left: 0px;
}

.crm-container .crm-group.event_info-group div.display-block table {
 font-size: 15px;
}

.crm-container.crm-public a.button:hover,
.crm-container a.button.crm-register-button:hover,
#crm-container.crm-public .content button.crm-form-submit:hover,
#crm-submit-buttons button:hover {
 background-color: #00527e;
 color: #f7f7f7;
}

.crm-container.crm-public a.button span,
.crm-container a.button.crm-register-button span {
 color: #f7f7f7;
}

div.select2-container.crm-select2.big,
div.select2-container.crm-select2.crm-form-select {
  width: 100% !important;
}

.crm-container [type="text"].required,
.crm-container [type="text"].big {
  width: 98%;
}

.crm-container .register_link-top,
#crm-submit-buttons button .crm-i {
 display: none;
}

/*Screen width*/
#crm-container.crm-public {
  margin: 0 auto;
  max-width: 900px;
  padding: 50px;
}

.crm-container fieldset legend {
 padding-left: 0px;
 margin-bottom: 0px;
 text-transform: uppercase;
}

@media (max-width: 900px) {

  div.crm-container#crm-container.crm-public .label {
    padding-top: 15px;
  }

  div.crm-container#crm-container.crm-public .label label {
    font-weight: bold;
  }

  body .crm-container .crm-section .label {
    float: none;
    width: auto;
    text-align: left;
  }

  body .crm-container .crm-section .content {
    margin: 0px;
  }
}