@media( max-width: 800px ){
  .fs-sat-xxl {
    font-size: 4.5rem;
  }
  .fs-sat-xl {
    font-size: 5.0625rem;
  }

  .fs-gar-xxl {
    font-size: 6.75rem;
  }
  .fs-gar-xl {
    font-size: 5.0625rem;
  }
}

@media( max-width: 799px ){
  .span-1, .span-2, .span-3, .span-4, .span-5 {
    grid-column: span 6;
  }
  .span-6, .span-7, .span-8, .span-9, .span-10, .span-11 {
    grid-column: span 12;
  }

  .row-col:empty {
    display: none;
  }
}

@media (max-width: 399px) {
  body:not(.home) .main-footer {
    margin-left: calc( ( var(--margin-padding) * -1 ) + 8px);
    margin-right: calc( ( var(--margin-padding) * -1 ) + 8px);
  }
}