.popup-overlay, .popup-overlay-video {
  /*Hides pop-up when there is no "active" class*/
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  border: 3px solid #666666;
  width: 50%;
  height: 50%;
  left: 25%;
  top: 4%;
}

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

.popup-content, .popup-content-video {
  /*Hides pop-up content when there is no "active" class */
  visibility: hidden;
  background: white;
  padding: 50px;
}

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

button {
  display: inline-block;
  vertical-align: middle;
  border-radius: 30px;
  margin: .20rem;
  font-size: 1rem;
  color: #666666;
  background: #ffffff;
  border: 1px solid #666666;
}

button:hover {
/*  border: 1px solid #666666;
  background: #666666;*/
  color: #ffffff;
}

body .close{position: absolute;top: 10px;right: 10px;}

body .course-content .contents{text-align: left;}
body .course-content .contents b{margin-bottom:10px;}
body .course-row{width: 90%; margin: 60px auto;}
body .course-content .contents li{font-size: 14px;}
/*body .popup-overlay {visibility:hidden;}
body .popup-content {visibility:hidden;}*/