.popup-overlay {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  width: 80%;
  height: 50%;
	top: 30%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    max-width: 350px;
    max-height: 100%;
	z-index: 9999;
}

.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;
	border: 2px DodgerBlue solid;
	box-shadow: inset 0 0 1em gold, 0 0 1em yellow;
	background: url(../images/bg-pinkclouds.jpg);
  border-radius: 5px;	
	
}

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

.close:hover{
 background: red;
 color: white;
		}

.img-download:hover{
	text-decoration: underline;
}
	/* CSS Document */