.video_invisible {
    opacity: 0.0;
}

.video_slide_in {
    display: block;
    margin: 0 0.5rem;
    animation: bounceInLeft, fadeIn; 
    animation-duration: 1s; /* don't forget to set a duration! */
}

.pl-v-1 {
    animation-duration: 1s;
}

.pl-v-2 {
    animation-duration: 1.5s;
}

.pl-v-3 {
    animation-duration: 2.3s;
}

.square a {
    color: #77B0AA;
    color: white;
    transition: font-size 100ms ease-in-out;
}

.square a:hover {
    /*font-weight: 700;*/
    /*color: #77B0AA;*/
    font-size: 1.5rem;
}

.btn-home-top {
    width: 130px;
    height: 130px;
}

.btn-vid {
    
    background-color: rgba(200,200,200,0.0);
    border: transparent;
    transition: background-color 700ms linear;
}

.btn-vid i {
    color: white;
    font-size: 56px;
}

.btn-vid:hover i {
    background-color: rgba(200,200,200,0.3);
}

@media only screen and (max-width: 800px) {
    .btn-home-top {
      width: 100px;
      height: 100px; 
      margin: 8px;
    }
  }