.popup-background{
  position:fixed;
  top:0;
  left:0;
  /*background:rgba(0,0,0,0.6);*/
  z-index:5;
  width:100%;
  height:100%;
  visibility:hidden;
}

.popup-background.active{
  visibility:visible;
  background: #000;
  opacity: 0.6;
}

.popup-overlay{
  /*Hides pop-up when there is no "active" class*/
  visibility:hidden;
  position:absolute;
  background:#ffffff;
  border:0px solid #666666;
  width:25%;
  height: 260px;
  left:40%;
  margin-top: 150px;  
}
.popup-overlay.active{
  /*displays pop-up when "active" class is present*/
  visibility:visible;
  text-align:center;
  z-index:5;
}

.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;
  padding:25px;
  text-align:left;
  font-size: 10px;
  color: #404040;
  line-height: 15px;
  font-weight: lighter;
  border: 0px solid red;
  background:#ffffff;
}

.text-content{
   padding-bottom: 15px;
}

.popup-content h4{
  color: #287cb3;
  line-height: 2.6;
  margin-bottom: 10px;
  font-weight: bold;
}

.button{
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  margin: .20rem;
  font-size: 15px;
  font-weight: 600;
  color: #063E71;
  background: #C6E8F4;
  border: 0px solid #666666;
  width: 160px;
  line-height: 20px; 
}