.webform-client-form fieldset {
  margin-bottom: 1em;
  border:unset;
}

.webform-submit {
  font-size:1.3em;
  padding:0.3em 1em;
  background:#800615;
  color:#ffffff;
  border: 1px solid #333;
  box-shadow:0 0 2px 0 rgba(0,0,0,0.1);
}
.webform-submit:hover {
  background:#A92D03;
  box-shadow:0 0 4px 0 rgba(0,0,0,0.1);
}
select {
  padding: 0.3em;
  box-shadow:0 0 2px 0 rgba(0,0,0,0.1);
  border:1px solid #F4D6D5;
}

.node-webform .form-actions {
  text-align:center;
}

#edit-submitted-payment-details-cancel-confirm label.option,
#edit-submitted-payment-details-advance-confirm label.option {
  font-weight:400;
}
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /*
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   *
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */