.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: fixed;
  background: #fff;
  -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);  
  border-radius:10px;
  width: 300px;
  height: 250px;
  top: 120px;
  right: 50px;
  z-index:999;
}

.popup-overlay.active {
  /*displays pop-up when "active" class is present*/
  visibility: visible;
  text-align: center;
}

.popup-content {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
}

.popup-content.active {
  /*Shows pop-up content when "active" class is present */
  visibility: visible;
}

.popup-content .close {
  clear:both;
  border:0;
  padding:0px;
  border-radius:5px;
  color:#fff;
  background-color: #CCC;
  border-color: #f33e29;
  border-radius:3px;
  font-size: 1.3rem;
  font-weight:300;
  width:50px;
  height:43.48px;
  line-height:43.48px;
  margin:20px auto 10px 10px;
  float:none;
  opacity:1;
}

.popup-content .button {
  min-width:120px;
}

/* xsm */
@media (max-width: 441px) {

  .popup-overlay {
    width: 250px;
    height: 200px;
    top: 120px;
    right: 0;
    left: 0;
    margin:0 auto 0 auto;
  }
  .popup-content h2 {
    font-size:1.2rem;
  }
  .popup-content p {
    font-size:1rem;
  }
  .popup-content .button {
    font-size:1rem;
    font-weight:400;
    min-width:90px;
  }
  .popup-content .close {
    height:37.59px;
    line-height:37.59px;
    width:50px;
    font-weight:400;
  }
}