/* Add custom CSS styles below */ 
.hero {
  margin: 0;
  .container {
    max-width: 100%;
    padding: 0;
  }
}

@media (max-width: 767px) {
  .cats {
    .banners-grid {
      grid-template-rows: unset;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      .banner-entry {
        grid-row: unset;
        height: 100%;
        max-height: unset;
        
        a {
          padding-bottom: 0;
        }
      }
      .banner-entry:first-child,
      .banner-entry:nth-child(3) {
      aspect-ratio: 2 / 3;
        min-height: 100%;
      }
      .banner-entry:nth-child(2),
      .banner-entry:nth-child(4) {
         aspect-ratio: 2 / 1;
      }
    }
  }
}