.main
{
   max-width: 50em;
   margin: auto;
   min-height: 100vh;
   padding-top: 2em;
}

.main__testimonial-video
{
   position: relative;
   width: 280px;
   /* height: 360px; */
}

.main__testimonial-video-overlay
{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   font-size: 2em;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
}

.main__testimonial-video-bg
{
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgba( 0, 0, 0, 0.75 );
   padding: 0.5em 0.9em;
   border: 1px solid var(--black-coffee);
   border-radius: 0.3em;
}

.main__testimonial-video-icon
{
   color: #ffffff;
   font-size: 0.7em;
}

.--hover .main__testimonial-video-bg
{
   background-color: rgba( 255, 0, 0, 0.85 );
}

/* Small only */
@media screen and (max-width: 620px)
{
   div.main__testimonial-video
   {
      margin: auto;
      margin-bottom: 2em;
   }
}

/* Medium and up */
@media screen and (min-width: 621px)
{
   .main__testimonial-videos
   {
      width: 592px;
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      flex-wrap: wrap;
      margin: auto;
      /* background-color: #cccccc; */
      overflow: hidden;
   }

   div.main__testimonial-video
   {
      margin-bottom: 32px;
   }

   div.main__testimonial-video:nth-child(odd)
   {
      margin-right: 32px;
   }
}

/* Medium only */
/*@media screen and (min-width: 768px) and (max-width: 991px) {}*/

/* Large and up */
/*@media screen and (min-width: 992px) {}*/

/* Large only */
/*@media screen and (min-width: 992px) and (max-width: 1199px) {}*/

/* X-Large and up */
/*@media screen and (min-width: 1200px) {}*/