@font-face {
    font-family: 'Gilroy';
    src: url('Gilroy-Regular.eot');
    src: url('Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
        url('Gilroy-Regular.woff2') format('woff2'),
        url('Gilroy-Regular.woff') format('woff'),
        url('Gilroy-Regular.ttf') format('truetype'),
        url('Gilroy-Regular.svg#Gilroy-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body {
    font-family: 'Gilroy', sans-serif !important;  
    background-color: #d4e95e;
  }

  .abs-center {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
  }
  
  .txt-leyenda{
    font-size: 33px;
  }
  footer{
    position: absolute;
    bottom: 0px;
    width: 100%;
    font-size: 20px;
  }
  
  .redes{margin: auto; margin-bottom: 25px; margin-top: 10px}
  .redes img{width: 45px;}


  @media (max-width: 450px) {
    .abs-center {
      display: block !important;
      align-items: center;
      justify-content: center;
      min-height: auto !important;
    }

    .txt-leyenda{font-size: 19px !important; text-align: center; margin-top: 20px;}
    .video{margin-top: 10px; margin-bottom: 10px;}
    footer{position: relative !important;font-size: 15px !important;}
    .redes{margin: auto; text-align: center; margin-top: 15px;}
}

@media only screen and (max-width: 900px) and (min-width: 600px)  {
  .txt-leyenda{font-size: 20px !important;}

}