*,
*::before,
*::after {
  box-sizing: border-box;
  font-display: fallback;
}

:root {
  --paper: #FBFBFB;
  --grey: #F1F0EF;
  --ink: #141414;
  --mint: #A8DCAB;
  --archive: #EEE5E3;
  --thistle: #E3CFED;
  --green: #335E4D;
  --hover-shadow: 0 3px 4px -1px rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 1024px) {
  :root {
    --outer-padding: 0.5rem;
  }
} /* tablet */
@media screen and (max-width: 800px) {
  :root {
    --outer-padding: 0.5rem;
  }
} /* Small tablet*/
@media screen and (max-width: 480px) {
  :root {
    --outer-padding: 0.5rem;
  }
} /* Mobile*/
.block.note div.block_inner {
  max-width: var(--max-block-width) !important;
  background-color: var(--grey);
}
.block.note div.block_inner div.note_wrapper div.note_row {
  width: 100%;
  border-bottom: 1px solid var(--ink);
  margin-bottom: 1rem;
}
.block.note div.block_inner div.note_wrapper div.note_row .wp-caption {
  max-width: 100%;
}
.block.note div.block_inner div.note_wrapper div.note_row img {
  max-width: 100%;
  display: inline-block;
}