/* NOT SO NECESSARY STYLES */
.youtube-button{
  width: calc(25% - 4px);
  display: inline-block;
  cursor: pointer;
  position: relative;
  opacity:0.8;
}
.youtube-button:hover{
  opacity:1.0;
}
.youtube-button span{
  font-size: 36px;
  color: white;
  text-shadow: black 0.1em 0.1em 0.2em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: opacity .2s;
}
.youtube-button span:hover{
  font-size: 48px;
  font-weight:bold;  
}
.video {
	margin-top:20px;
}

@media(max-width: 600px){
  .youtube-button{
    width: 100%;
  }
  .youtube-button span{
    font-size: 24px;
  }
}

/* BEGIN LIGHTBOX STYLES */
.lbb{
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,0.6);
  opacity:0;
  transition: opacity 0.2s;
}

.lb-ext{
  position:relative;
  top:50%;
  transform: translateY(-50%);
  margin: auto;
  padding: 0 10%;
  height:auto;
  max-width:1200px;
  border-radius: 2px;
}

.lb-int{
  height: auto;
  background-color: black;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 0 70px 30px rgba(0,0,0,0.3);
}

.lb-info-block{
  margin: 0 0 20px;
}