.homepage-hero{
  background: var(--homepage-hero-bg);
  aspect-ratio: 16/9;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.content {
  grid-auto-columns: 1fr; 
  grid-template-columns: 1fr; 
  grid-template-rows: 1fr; 
  grid-template-areas: 
    "."; 
}

.home-card{
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15);
}
.home-card > a{
  font-size: 1.2rem;
}
.home-card > a:hover{
  color:var(--primary-accent);
  filter: brightness(0.85);
}
.home-card > p{
  font-size: 1rem;
  font-weight: 300;
}

@media (min-width: 768px) {
  .homepage-hero{
    aspect-ratio: 16/5;
  }
  .content {
    grid-template-columns: 1fr 1fr; 
    grid-template-areas: 
      ". ."; 
  } 
  
}

@media (min-width: 1800px) {
  
  .homepage-hero{
    aspect-ratio: 16/3;
  }
}