/* CSS stylesheet for videos.php */

iframe.youtube
{
  display: block;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 16/9;
}

div.videos
{
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-around;
}

@media (max-width: 1400px)
{
  div.videos { grid-template-columns: 1fr 1fr }
}

@media (max-width: 1000px)
{
  div.videos { grid-template-columns: 1fr }
}