.summary{
    display:block;
   position: relative;
   width:90%;
   margin:0 auto;
   padding:20px 0 20px 0;
   text-align:center;
}
.video-link{
   cursor:pointer;
   display:block;
   position: relative;
   width: 90px;
   text-align: center;
   vertical-align: center;
   height: 90px;
   margin: 0 auto 30px auto;
   text-align:center;
   margin-top: 20px !important;
   color:#fff;
   transition: all 0.5s;
   font-size: 38px;
     border-radius: 45px;
     font-weight: 800;
 --border: 4px solid #fff;
 padding-bottom: 15px;
}

@media only screen and (max-width: 992px) {
   .video-link{
       padding-top: 25px !important;
   }
}

@media only screen and (min-width: 993px) {
   .video-link{
       padding-top: 15px !important;
   }
   
}	

.overlay{
 position: fixed;
 top:0px;
 left: 0px;
 height:100%;
 width:100%;
 z-index: 100;
 background-color: rgba(0, 0, 0, 0.9);
 opacity:0.9;
 display:none; 
}


.close{
   position: fixed;
   top:30px;
   right:30px;
   width:32px;
   height:32px;
 z-index:999999;
 display:none;
 cursor: pointer;
 }

.main-vid-box{
 position: fixed;
  width: 100%;
 height:100vh;
 display:none;
 top:0px;
 left:0px;
 z-index: 99999;
}


.videoWrapper {
 position: relative;
 z-index:999;
 background-color:#000;
 width:100%;
 height: 100%;
 margin:0 auto;
}
.videoWrapper video {
   position: relative;
   top: 0;
   left: 0;
   z-index: 999;
   width: 100% !important;
   height: 100% !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   border-width: 40px;
   border-style: solid;
   border-color: transparent;
}