.node-block-main {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc((var(--sqs-site-max-width, 1500px) -(11.0px *(8 - 1))) / 8);

  display: grid;
  position: relative;
  grid-area: 1 / 1/-1/-1;
  grid-template-rows: repeat(4, minmax(24px, auto));
  grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

@media(min-width: 768px) {
  .background-width--inset .node-block-main {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .node-block-main {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc((var(--sqs-site-max-width, 1500px) -(11.0px *(24 - 1))) / 24);
    --inset-padding: 0;

    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding)));

    grid-template-rows: repeat(4, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
  }
}


.node-block-main-block {
  grid-area: 3 / 2/5/10;
  z-index: 0;

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

.node-block-main-block .sqs-block {
  justify-content: flex-start;
}

.node-block-main-block .sqs-block-alignment-wrapper {
  align-items: flex-start;
}

@media(min-width: 768px) {
  .node-block-main-block {
    grid-area: 2 / 4/4/22;
    z-index: 0;


  }

  .node-block-main-block .sqs-block {
    justify-content: flex-end;
  }

  .node-block-main-block .sqs-block-alignment-wrapper {
    align-items: flex-end;
  }
}

.node-content-text-content {
  --grid-gutter: calc(var(--sqs-mobile-site-gutter, 6vw) - 11.0px);
  --cell-max-width: calc((var(--sqs-site-max-width, 1500px) -(11.0px *(8 - 1))) / 8);
  display: grid;
  position: relative;
  grid-area: 1 / 1/-1/-1;
  grid-template-rows: repeat(2, minmax(24px, auto));
  grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(8, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
  row-gap: 11.0px;
  column-gap: 11.0px;
}

.field--name-field-topics .field__item {
  display: inline;
}

section.has-overflow {
  overflow: visible;
}

section.page-section .section-background {
  background-color: transparent;
  overflow:visible;
}

article.node--type-page section.paragraph div.content-wrapper,
section.page-section .section-border {
  background-color: transparent;
  overflow: visible;
}

section.has-overflow .section-background img,
section.has-overflow .section-background .drimage {
  height:unset;
}

@media(min-width: 768px) {
  .background-width--inset .node-content-text-content {
    --inset-padding: calc(var(--sqs-site-gutter) * 2);
  }

  .node-content-text-content {
    --grid-gutter: calc(var(--sqs-site-gutter, 4vw) - 11.0px);
    --cell-max-width: calc((var(--sqs-site-max-width, 1500px) -(11.0px *(24 - 1))) / 24);
    --inset-padding: 0;
    --row-height-scaling-factor: 0.0215;
    --container-width: min(var(--sqs-site-max-width, 1500px), calc(100vw - var(--sqs-site-gutter, 4vw) * 2 - var(--inset-padding)));
    grid-template-rows: repeat(65, minmax(calc(var(--container-width) * var(--row-height-scaling-factor)), auto));
    grid-template-columns: minmax(var(--grid-gutter), 1fr) repeat(24, minmax(0, var(--cell-max-width))) minmax(var(--grid-gutter), 1fr);
  }
}

.node-content-text-layout {
  grid-area: 1 / 2/3/10;
  z-index: 1;

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

.node-content-text-layout .sqs-block {
  justify-content: flex-start;
}

.node-content-text-layout .sqs-block-alignment-wrapper {
  align-items: flex-start;
}

@media(min-width: 768px) {
  .node-content-text-layout {
    grid-area: 2 / 2/66/26;
    z-index: 1;
  }

  .node-content-text-layout .sqs-block {
    justify-content: flex-start;
  }

  .node-content-text-layout .sqs-block-alignment-wrapper {
    align-items: flex-start;
  }
}

.node--blog .base-section .sqs-html-content,
.paragraph--basic-text .sqs-html-content {
  text-align:center;
}

.node--blog .sqs-html-content h1 {
  margin: 10vh 0 14vh 0;
}

article.node--type-blog .field.field--name-body,
article.node--blog .field.field--name-body {
  font-family: serif;
  font-weight: normal;
  letter-spacing: normal;
}

article.node--type-blog .field.field--name-body p,
article.node--blog .field.field--name-body p {
  margin-bottom: 1.5em;
}

.base-section .field--name-body {
  max-width: 90%;
  margin: 5%;
  display: inline-block;
  text-align: left;
  background-color: hsla(207.5, 34.29%, 13.73%, .7);
  padding:1em;
}

@media (min-width: 768px) {
  .base-section .field--name-body,
  .base-section .field--name-field-text {
    max-width: 750px;
    padding: 5em;
    margin: 0;
  }
}

.paragraph--basic-text .field--name-field-text,
.base-section .field--name-field-text {
    max-width: 90%;
    margin:5%;
    padding: 1em;
    display: inline-block;
    text-align: left;
    background-color: hsla(207.5, 34.29%, 13.73%, .7);
}