@layer legacy {
/* Fælles responsive layout — skal indlæses efter sidernes grundlayout. */
@media screen and (max-width: 991px) {

  .grain {
    z-index: 9;
    opacity: 0.02;
  }

  .demo-footer__col {
    width: 100%;
  }

  .demo-footer__links-row {
    flex-flow: column;
  }

  .demo-footer__logo-row {
    grid-column-gap: 1.5em;
    grid-row-gap: 1.5em;
  }}

@media screen and (max-width: 767px) {

  .demo-footer__col {
    grid-column-gap: 1em;
    grid-row-gap: 1em;
  }

  .demo-footer {
    padding-left: 1em;
    padding-right: 1em;
  }

  .demo-eyebrow {
    font-size: 1em;
  }

  .demo-footer__a {
    font-size: 1.75em;
  }}

@media screen and (max-width: 479px) {

  .grain {
    z-index: 99;
    -webkit-text-fill-color: inherit;
    background-clip: border-box;
  }}}