.page-takeover-bg {
  top: 0px;
  left: 0px;
  z-index: 503;
  background: rgba(0, 0, 0, 0.6);
  width: 100%;
  height: 200%;
}

.page-takeover-bg .page-takeover-container {
  background: url(/wp-content/uploads/2015/12/Buca-HolidayPartiesCatering-PageTakeover-SauceBG.jpg) no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.wp-content.uploads.2015.12.Buca-HolidayPartiesCatering-PageTakeover-SauceBG.jpg', sizingMethod='scale');
  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2015/12/Buca-HolidayPartiesCatering-PageTakeover-SauceBG.jpg', sizingMethod='scale')";
  /*width: 90%;*/
  max-width: 700px;
  height: 500px;
  border: 10px solid #ffffff;
  margin: 6% auto 0px auto;
  /*padding: 20px 20px 0 20px;*/
  padding: 0 20px 0 20px;
}

.page-takeover-bg .page-takeover-container h2, .page-takeover-bg .page-takeover-container h3, .page-takeover-bg .page-takeover-container p, .page-takeover-bg .page-takeover-container label {
  color: #fff;
}

.page-takeover-bg .page-takeover-container h2 {
  margin-bottom: 0px;
  font-size: 29px;
}

.page-takeover-bg .page-takeover-container h3 {
  padding-bottom: 0px;
  font-size: 20px;
}

.page-takeover-bg .page-takeover-container p {
  font-size: 10px;
  margin-bottom: 6px;
}

.page-takeover-bg .page-takeover-container a {

}

.page-takeover-bg .page-takeover-container .page-takeover-close {
  top: 0px;
  right: 10px;
  font-size: 30px;
  color: #ffffff;
}

.page-takeover-bg .page-takeover-container .page-takeover-img {
  bottom: 0px;
  left: 0px;
}

.page-takeover-bg .page-takeover-container .page-takeover-form {
  width: 90%;
  margin: 0px auto;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper .top_label .gfield_label {
  margin: 0px;
  display: none;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper li {
  float: none;
  width: 100%;
  padding-right: 0px;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper li input, .page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper li select {
  width: 100%;
  /*height: 2rem;*/
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper li input[type="text"] {
  padding-left: 0.25rem;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper select {
  padding-left:  0.25rem;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper .gfield_required {
  color: #ffffff;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_footer {
  margin: 0 0 20px 0;
  padding: 0px;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_footer input[type="submit"].button.gform_button {
  background: #195624;
  border: 2px solid #195624;
  float: none;
  width: 200px;
  margin: 0px auto;
  font-size: 16px;
  padding: 0px;
}

.page-takeover-bg .page-takeover-container .page-takeover-form .gform_footer input[type="submit"].button.gform_button:hover {
  background: #ffffff;
  color: #195624 !important;
}

.page-takeover-bg .page-takeover-container .no-thanks {
  font-size: 15px;
  margin-bottom: 35px;
  margin-top: 10px;
}

.page-takeover-bg .page-takeover-container .no-thanks a {
  color: #ffffff;
  text-decoration: underline;
}

.page-takeover-bg .page-takeover-container .no-thanks a:hover {
  text-decoration: none;
}

.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required {
  margin: 0px;
}

.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error, .page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
  background: none;
  border: none;
}

.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
  margin-top: 0px;
}

.page-takeover-bg .page-takeover-container .gform_wrapper .gfield_error .gfield_label {
  color: #ffffff;
}

.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description {
  background: #195624;
  color: #fff;
  border-radius: 5px;
  padding: 5px 10px !important;
  font-size: 14px;
  width: 300px;
  margin-top: 14px;
}

.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.gfield_description:before {
  content: '';
  width: 10px;
  height: 10px;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  background-color: #195624;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error input[type=email],
.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error input[type=number],
.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error input[type=password],
.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error input[type=tel],
.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error input[type=text],
.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error input[type=url],
.page-takeover-bg .page-takeover-container .gform_wrapper li.gfield_error textarea {
  border: none;
}

.page-takeover-bg .page-takeover-container.submitted .page-takeover-img {
  display: none !important;
}

.page-takeover-bg .page-takeover-container.submitted .page-takeover-form {
  width: 100%;
  margin: 0px auto 30px;
  text-align: center;
}

.page-takeover-bg .page-takeover-container.submitted .page-takeover-form .gform_confirmation_message h3, .page-takeover-bg .page-takeover-container.submitted .page-takeover-form .gform_confirmation_message h4 {
  color: #fff;
}

.page-takeover-bg .page-takeover-container.submitted .page-takeover-form .gform_confirmation_message h3 {
  border-bottom: none;
  font-size: 24px;
  margin-bottom: 0px;
}

.page-takeover-bg .page-takeover-container.submitted .page-takeover-form .gform_confirmation_message h4 {
  font-size: 18px;
  margin-top: -10px;
}


@media only screen and (max-width: 768px) {
    
  .page-takeover-bg {
    position: fixed;
    height: 100%;
  }

    .page-takeover-bg .page-takeover-container {
      /*background: url(/wp-content/uploads/2015/12/hpc-background_mobile.jpg) no-repeat center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.wp-content.uploads.2015.12.hpc-background_mobile.jpg', sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/wp-content/uploads/2015/12/hpc-background_mobile.jpg', sizingMethod='scale')";
      width: 90%;*/
      max-width: 300px;
      height: 380px;
      border: 10px solid #ffffff;
      margin: 6% auto 0px auto;
      padding: 20px 20px 0 20px;
    }

  .page-takeover-bg .page-takeover-container h2 {
    font-size: 48px;
  }

  .page-takeover-bg .page-takeover-container h3 {
    margin: 0 80px 20px;
    font-size: 28px;
  }

  .page-takeover-bg .page-takeover-container p {
    font-size: 12px;
    margin-bottom: 20px;
  }

  .page-takeover-bg .page-takeover-container .page-takeover-img {
    display: block;
  }

  .page-takeover-bg .page-takeover-container .page-takeover-form {
    float: right;
    width: 45%;
  }

  .page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper .top_label .gfield_label {
    display: block;
  }

  .page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper li input, .page-takeover-bg .page-takeover-container .page-takeover-form .gform_wrapper li select {
    font-size: 16px;
    height: 2.3125rem;
  }

  .page-takeover-bg .page-takeover-container .page-takeover-form .gform_footer {
    margin: 0 0 20px 0;
  }

  .page-takeover-bg .page-takeover-container .page-takeover-form .gform_footer input[type="submit"].button.gform_button {
    font-size: 20px;
    padding: 4px 25px;
  }
}