:root {
  --edgepad: 9rem;
  --sec-pad: 6rem;
}


.edge-pad {
  padding-left: var(--edgepad);
  padding-right: var(--edgepad);
}

.edge-pad-lg {
  padding-left: calc(1.5 * var(--edgepad));
  padding-right: calc(1.5 * var(--edgepad));
}

.edge-pad-xl {
  padding-left: calc(2 * var(--edgepad));
  padding-right: calc(2 * var(--edgepad));
}



.edge-margin {
  margin-left: var(--edgepad);
  margin-right: var(--edgepad);
}

.sec-spacer {
  padding-top: var(--sec-pad);
  padding-bottom: var(--sec-pad);
}

.sec-spacer-bottom {
  padding-bottom: var(--sec-pad);
}

.sec-spacer-top {
  padding-top: var(--sec-pad);
}


@media (max-width: 1500px) {}

@media (max-width: 1200px) {
  :root {
    --edgepad: 4rem;
    --sec-pad: 4rem;
  }

}

@media (max-width: 992px) {
  :root {
    --edgepad: 3rem;
    --sec-pad: 3rem;
  }
}

@media (max-width: 768px) {
  :root {
    --edgepad: 2rem;
    --sec-pad: 3rem;
  }

  .edge-pad-lg {
    padding-left: var(--edgepad);
    padding-right: var(--edgepad);
  }

  .edge-pad-xl {
    padding-left: var(--edgepad);
    padding-right: var(--edgepad);
  }

}

@media (max-width: 576px) {}