:root {
  --nd-gutter: 20px;
  --nd-container-sm:  600px;
  --nd-container-md:  688px;
  --nd-container-lg:  864px;
  --nd-container-xl:  1200px;
  --nd-container-2xl: 1352px;
  --nd-container-current: 100vw;
  --nd-container-inner: calc(100vw - (var(--nd-gutter) * 2));
}

@media (min-width: 640px) {
  :root {
    --nd-container-current: var(--nd-container-sm);
    --nd-container-inner: var(--nd-container-sm);
  }
}

@media (min-width: 768px) {
  :root {
    --nd-container-current: var(--nd-container-md);
    --nd-container-inner: var(--nd-container-md);
  }
}

@media (min-width: 1024px) {
  :root {
    --nd-container-current: var(--nd-container-lg);
    --nd-container-inner: var(--nd-container-lg);
  }
}

@media (min-width: 1280px) {
  :root {
    --nd-container-current: var(--nd-container-xl);
    --nd-container-inner: var(--nd-container-xl);
  }
}

@media (min-width: 1536px) {
  :root {
    --nd-container-current: var(--nd-container-2xl);
    --nd-container-inner: var(--nd-container-2xl);
  }
}

.wp-block-group.alignfull > .wp-block-group {
  width: 100%;
  max-width: var(--nd-container-current);
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

@media (max-width: 768px) {
  .wp-block-group.alignfull > .wp-block-group {
    padding-left: var(--nd-gutter);
    padding-right: var(--nd-gutter);
  }
}

.wp-block-group.alignfull.no-container > .wp-block-group {
  max-width: none;
}