.popovelay {
  background: #00000096;
  position: fixed;
  width: 100%;
  z-index: 1111;
  height: 100%;
  top: 0;
  display: none; }

.container-popup {
  width: 40%;
  margin: auto;
  padding: 30px 0px; }

@media only screen and (max-width: 767px) {
  .container-popup {
    width: 100% !important;
    margin: auto;
    padding: 0px 30px !important; }

  p.xclass {
    text-align: right;
    width: 75% !important;
    margin: auto; }

  .popup-content {
    padding: 0px !important; } }
button#form-button {
  width: 100%; }

.popup-content {
  background: #fff;
  padding: 10px; }

p.xclass {
  text-align: right;
  width: 50%;
  margin: auto; }

p.xclass {
  color: #fff;
  font-size: 25px; }

.popup-content {
  background: #fff;
  padding: 50px 50px; }