@charset "UTF-8";
/* CSS Document */
/* video-player {
     display: block !important;
     margin-top: 1em;
}
 video-neutral-skin {
     padding-top: 1em;
     display: block;
     width: 100%;
     aspect-ratio: 16 / 9;
}
video-skin {
     padding-top: 1em;
     display: block;
     width: 100%;
     aspect-ratio: 16 / 9;
}
*/
/*.video-js .vjs-captions-button {
  display: block !important;
}*/
 
 /*youtube-video {
     display: block;
     width: 100%;
     height: 100%;
 }*/
 button.ut{
     margin-top: 1em;
     width : 100%;
     height: auto;
     display:inline-block;
}
 div.utdiv{
     display:flex;
     flex-wrap:wrap;
	 justify-content:space-around;
}
 a.utvideo{
     display:inline-block;
     margin-bottom: 8px;
     width: calc(50% - 4px);
     text-decoration: none;
     color: black;
}
 @media screen and (min-width: 50em) {
     a.utvideo {
         width: calc(30% - 6px);
    }
}
 @media only screen and (max-width: 360px) {
    a.utvideo{
      display: block;
      width: 96%; /* Single column view. */
      margin: 2%; /* The smaller the screen, the smaller the percentage actually is. */
      float: none;
    }
  }
 @media only screen and (min-device-width: 813px) {
     a.utvideo:hover img.utimg {
         transform: scale(1.15);
    }
}
 img.utimg {
     border: none;
     max-width: 100%;
     height: auto;
     display: block;
     background: #ccc;
     transition: transform .2s ease-in-out;
}
 figure {
     margin: 0;
     overflow: hidden;
}
 figcaption {
     font-family: 'Montserrat', 'helvetica neue', helvetica, arial, sans-serif;
     font-weight: bold;
     margin-top: 15px;
}