.hn {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
.h13 {
  margin-top: 0.4em;
  margin-bottom: 0.25em;
  font-weight: bold;
  font-family: 'Termina', sans-serif;
}
.h46 {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}
/*================== Column paragraphs styling ======================================= */
.paragraph__content--flex-container {
  display: flex;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  margin: 0 -1%;
}
.paragraph__content--flex-container.paragraph__content--flex-two > .paragraph {
  -webkit-flex: 1 1 50%;
  -moz-flex: 1 1 50%;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-align-self: auto;
  align-self: auto;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
  max-width: 48%;
  margin: 1%;
}
.paragraph__content--flex-container.paragraph__content--flex-three > .paragraph {
  -webkit-flex: 1 1 34%;
  -moz-flex: 1 1 34%;
  -ms-flex: 1 1 34%;
  flex: 1 1 34%;
  -webkit-align-self: auto;
  align-self: auto;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
  max-width: 31.3%;
  margin: 1%;
}
.paragraph__content--flex-container.paragraph__content--flex-four > .paragraph {
  -webkit-flex: 1 1 25%;
  -moz-flex: 1 1 25%;
  -ms-flex: 1 1 25%;
  flex: 1 1 25%;
  -webkit-align-self: auto;
  align-self: auto;
  -webkit-order: 0;
  -moz-order: 0;
  order: 0;
  max-width: 23%;
  margin: 1%;
}
@media all and (max-width: 56rem) {
  .paragraph__content--flex-container[class*="paragraph__content--flex"] > .paragraph {
    max-width: none;
  }
}
/*
 * .paragraph__image   			 -> .paragraph__content--image
 * .paragraph__image--colorbox   -> .paragraph__content--image-colorbox
 * .paragraph__image--banner	 -> .paragraph__content--image-banner
 */
.paragraph__content--image-banner {
  position: relative;
}
.paragraph__content--image-banner a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  text-indent: -9999px;
}
.paragraph {
  width: 96%;
  max-width: 78rem;
  margin: 0 auto;
}
.paragraph.has-color {
  padding: 1.5em;
  margin-bottom: 1em;
  margin-top: 1em;
  color: white;
}
.paragraph.has-color > .paragraph__content {
  margin-bottom: 0;
}
.paragraph .paragraph {
  width: auto;
  margin: 0;
  max-width: none;
}
.paragraph__content {
  margin-bottom: 1em;
}