/* Styles for the popup */
.popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.9); z-index: 1; justify-content: center;
align-items: center;}

/* Styles for the close button */
.close { position: absolute; top: 5px; right: 86px; font-size: 30px; color: #fff; cursor: pointer; 
  z-index:2; background-color: rgba(0, 0, 0, 0.3); border-radius:32px; padding:5px 14px;}
.video-container{display:flex; justify-content:center; flex-direction:column; height:100%;}
/* Styles for the video frame */
#videoFrame { width: 80%; height: 80%;}
.hs-video-container{max-width:80%!important;}
/* Center the button on the page */
#showVideoButton { /*margin-left:30px;/}
@media only screen and (max-width:480px){
  .hs-video-container{max-width:90%!important;}
  .close{right:10px;}
}