.modalHolder {
  display: none;
  /* or not - can be an inline form that gets popped... */ }
  .modalHolder .ycenter {
    display: table;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    background-color: rgba(255, 255, 255, 0.75);
    text-align: left; }
  .modalHolder .xcenter {
    display: table-cell;
    vertical-align: middle;
    text-align: center; }
  .modalHolder .modal {
    max-width: 680px;
    position: relative;
    display: inline-block;
    *display: inline;
    zoom: 1;
    background-color: #ffffff;
    background: #f7f4f2;
    border: none;
    padding: 6em 8em;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15); }
    .modalHolder .modal .mc-field-group legend {
      width: 100%;
      font-size: 36px;
      color: #999088;
      margin-bottom: 1.25em; }
    .modalHolder .modal .mc-field-group input[type='email'] {
      border: none;
      margin: 0;
      padding: 5px 10px 6px;
      background: #fff;
      vertical-align: middle; }
    .modalHolder .modal .mc-field-group p {
      margin-top: 2.5em;
      font-size: 18px; }
  .modalHolder .popupClose {
    position: absolute;
    font-size: 18px;
    color: #999088; }
  .modalHolder.modalize {
    display: block; }

#mce-responses {
  max-width: 320px !important;
  margin: 0 auto !important; }

@media only screen and (max-width: 767px) {
  .modalHolder .modal {
    padding: 2em 1.5em; }
    .modalHolder .modal .mc-field-group legend {
      font-size: 20px;
      margin-bottom: 1.25em; }
    .modalHolder .modal .mc-field-group input[type='email'] {
      font-size: 12px !important;
      padding: 5px 10px 6px; }
    .modalHolder .modal .mc-field-group p {
      margin-top: 2.5em;
      font-size: 12px; }
  .modalHolder .popupClose {
    position: absolute;
    top: 0.5em;
    right: 0.5em; } }