.occasions .section-title{
  font-size:29px;
  font-weight:400;
  line-height:1.08
}
.occasions{
  height:510px;
  padding-top:25px;
  background:var(--paper-alt)
}
.occasion-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
  margin-top:35px
}
.occasion-grid article{
  text-align:center
}
.occasion-grid img{
  width:100%;
  height:210px;
  object-fit:cover
}
.occasion-grid h3{
  min-height:20px;
  margin:18px 0 0;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.15
}
.occasion-grid p{
  max-width:200px;
  margin:5px auto 0;
  color:var(--muted);
  font-size:15px;
  line-height:1.2
}
@media(max-width:800px){
  .occasions{
    height:auto;
    padding:42px var(--pad)
  }
  .occasion-grid{
    grid-template-columns:repeat(2,1fr)
  }
  .occasion-grid img{
    height:25vw;
    min-height:125px
  }
}
@media(max-width:520px){
  .occasions .section-title{
    font-size:25px
  }
  .occasion-grid{
    grid-template-columns:1fr;
    gap:26px
  }
  .occasion-grid img{
    height:55vw
  }
}