:root {
  --pageMargin: 20px;
  --gutter: 16px;
  --spacer: 8px;
  --margin: 2.5vw;

  @media (orientation: portrait) {
    --margin: 4.42vw;
  }

  @media (orientation: portrait) and ($sm) {
    --margin: 2.5vw;
    --pageMargin: 24px;
    --gutter: 20px;
  }

  @media ($md) {
    --pageMargin: 10vw;
  }

  @media ($lg) {
    --gutter: 32px;
  }

  @media ($xl) {
    --spacer: 16px;
  }
}
