/**************
 * SITE FOOTER
 **************/

.site-footer {
  border-top: 2px dashed var(--text-color-light);
  color: var(--text-color-secondary);
  font-size: var(--text-s);
  grid-column: main-start / main-end;
  margin-block: var(--space-xl) var(--space-m);
  padding-block-start: var(--space-s);
}

@media screen and (max-width: 480px) {
  .site-footer {
    grid-column: full-start / full-end;
    padding-inline: var(--gutter-width);
  }
}