:root {
  --font: #0a0a0a;
  --link: #737e7e;
  --lines: #818790;
  --hover-bg: #c0c9c9;
  --underline-line: #3898ec;
  --bg: #e3e3e3;
  --red: #e90420;
  --gray-bg: #ddd;
  --bg-green: #ced4d4;
  --red-2: #af0015;
  --yellow: #e6c029;
  --green: #4eb22a;
  --text: #f5b3b3;
  --hover-works: #b6c0c0;
  --yard: #3ab54b;
  --link-text: #a4aebe;
  --purple: #6016b4;
  --dark-grey: #aaa;
  --rehab: #f6ee33;
}

.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-previous-icon {
  margin-right: 4px;
}

.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}

.w-pagination-next-icon {
  margin-left: 4px;
}

body {
  color: var(--font);
  letter-spacing: -1px;
  background-color: #f0f0f0;
  font-family: Sorts Mill Goudy, sans-serif;
  font-size: 22px;
  line-height: 35px;
}

h1 {
  letter-spacing: -4px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 35px;
  font-weight: 500;
  line-height: 40px;
}

h2 {
  letter-spacing: -3px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

h3 {
  letter-spacing: -3px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
}

h4 {
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 25px;
}

h5 {
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}

h6 {
  letter-spacing: -1.5px;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}

p {
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
}

a {
  color: var(--link);
  cursor: pointer;
  text-decoration: underline;
}

blockquote {
  text-align: center;
  letter-spacing: -2px;
  text-transform: uppercase;
  background-image: url('../images/Quote-m_1Quote-m.png');
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: 44px;
  border: 1px #000;
  width: 80%;
  margin: 40px auto 50px;
  padding: 60px 20px 10px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
}

figcaption {
  text-align: right;
  text-transform: uppercase;
  margin-top: 5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
}

.paragraph {
  margin-bottom: 30px;
  margin-left: 60px;
  margin-right: 60px;
}

.paragraph.medium {
  font-size: 16px;
  line-height: 26px;
}

.title {
  color: var(--font);
  text-align: left;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 17px;
  position: relative;
  overflow: visible;
}

.flex {
  flex-flow: wrap;
  place-content: stretch flex-start;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.go-up-button {
  z-index: 20;
  background-color: var(--lines);
  color: #fff;
  background-image: url('../images/subir.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 20px 100%;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  margin-bottom: 13px;
  margin-right: 15px;
  font-size: 25px;
  font-weight: 300;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
}

.go-up-button.w--current {
  z-index: 100;
}

.button {
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  background-color: #101920;
  border: 2px solid #101920;
  border-radius: 25px;
  min-width: 120px;
  min-height: 40px;
  padding: 13px 25px 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: background-color .2s;
}

.button:hover {
  color: var(--font);
  background-color: #0000;
  border-width: 1px;
}

.content-section-3 {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.content-section-3.double {
  padding-bottom: 90px;
}

.content-section-3.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-3.inner-pages {
  padding-top: 70px;
}

.content-section-3.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.footer-expand {
  text-align: right;
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  padding-top: 60px;
  display: flex;
}

.footer-container {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.footer-link {
  color: #a4aebe;
  text-decoration: underline;
  transition: opacity .2s;
}

.footer-link:hover {
  opacity: .85;
}

.button-outline {
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #f4f5f7;
  border-radius: 25px;
  min-width: 120px;
  min-height: 40px;
  padding: 15px 25px 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: color .2s, background-color .2s;
}

.button-outline:hover {
  color: var(--font);
  background-color: #fff;
}

.footer {
  background-color: var(--font);
  color: var(--font);
  padding-top: 0;
  padding-bottom: 20px;
  position: relative;
}

.underline-hover {
  background-color: #a4aebe;
  height: 1px;
  margin-top: -18px;
  position: absolute;
  inset: 73px 0 0;
}

.underline-hover.white {
  background-color: #fff;
  height: 1px;
  margin-top: 0;
  margin-bottom: 10px;
  position: relative;
  top: 0;
}

.underline-hover.dark {
  background-color: var(--link);
  width: 100%;
  height: 1px;
  margin-top: 0;
  position: relative;
  top: 0;
}

.margins {
  margin-bottom: 15px;
  margin-right: 15px;
  display: inline-block;
}

.notice {
  margin-top: 60px;
  padding-top: 14px;
}

.footer-column {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 50%;
  padding-top: 60px;
  padding-bottom: 20px;
  display: flex;
}

.button-boxed {
  background-color: var(--font);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #000;
  min-width: 120px;
  min-height: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 14px 25px 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: color .2s, background-color .2s, border .2s;
}

.button-boxed:hover {
  opacity: .85;
  color: #101920;
  background-color: #0000;
}

.bg-colored {
  background-color: #000;
  padding: 8px;
}

.black {
  background-color: var(--font);
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.text-small {
  color: var(--font);
  letter-spacing: -1.5px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 21px;
}

.text-small.gray {
  color: var(--link);
  background-color: #0000;
}

.green-color {
  background-color: var(--link);
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.top-margin {
  margin-bottom: 30px;
  position: relative;
}

.top-margin._10-pixels {
  margin-top: 0;
}

.top-margin._20-pixels {
  margin-top: 20px;
}

.top-margin._40-pixels {
  border-radius: 5px;
  margin-top: 40px;
}

.top-margin._15-pixels {
  margin-top: 15px;
}

.top-margin._5-pixels {
  margin-top: 5px;
}

.top-margin._35-pixels {
  border-radius: 5px;
  margin-top: 35px;
}

.top-margin._60-pixels {
  margin-top: 60px;
}

.top-margin._80-pixels {
  border-radius: 5px;
  margin-top: 80px;
}

.top-margin._30-pixels {
  margin-top: 0;
}

.top-margin._50-pixels {
  border-bottom: 1px none var(--lines);
  margin-top: 50px;
}

.top-line {
  border-top: 1px solid #a4aebe;
  margin-top: 5px;
  padding-top: 7px;
}

.content-wrapper {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1149px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}

.content-wrapper.wide {
  max-width: 1500px;
  height: 100%;
  padding-bottom: 30px;
}

.color-box {
  margin-right: 20px;
}

.notice-text {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 13px;
  line-height: 21px;
}

.menu-link {
  color: var(--link);
  font-family: Inter, sans-serif;
  font-size: 19px;
  font-weight: 300;
  text-decoration: none;
}

.menu-link.w--current {
  color: #a4aebe;
}

.button-outline-black {
  border: 1px solid var(--font);
  color: var(--font);
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 25px;
  min-width: 120px;
  min-height: 40px;
  padding: 14px 25px 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: color .2s, background-color .2s;
}

.button-outline-black:hover {
  background-color: var(--font);
  color: #f4f5f7;
}

.hero-section {
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  position: relative;
}

.hero-section.about-me {
  background-color: #0a0a0a00;
  min-height: 760px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 400;
  overflow: visible;
}

.hero-section.blog {
  background-color: var(--font);
  min-height: 560px;
  padding-top: 110px;
  padding-bottom: 50px;
  font-weight: 400;
  overflow: visible;
}

.hero-section.contact-me {
  background-color: #0000;
  padding-top: 60px;
  padding-bottom: 0;
  font-weight: 400;
  overflow: visible;
}

.hero-section.utility-green {
  background-color: var(--hover-bg);
  min-height: auto;
  overflow: visible;
}

.hero-section.works {
  background-color: var(--hover-bg);
}

.hero-section.utility {
  background-color: var(--font);
  color: var(--font);
  height: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: visible;
}

.footer-title {
  color: #fff;
  text-align: left;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
}

.red {
  background-color: var(--underline-line);
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.button-boxed-outline {
  border: 1px solid var(--font);
  color: var(--font);
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  min-width: 120px;
  min-height: 40px;
  padding: 14px 25px 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: color .2s, background-color .2s;
}

.button-boxed-outline:hover {
  background-color: var(--font);
  color: #fff;
}

.menu {
  text-align: left;
  flex: 0 auto;
  width: 50%;
  display: block;
}

.hero-text-box {
  text-align: center;
  max-width: 640px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.italiced {
  font-family: Sorts Mill Goudy, sans-serif;
  font-style: italic;
}

.hero-subtitle {
  text-align: left;
  letter-spacing: -1px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}

.hero-subtitle.small {
  width: 80%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-style: normal;
}

.hero-subtitle.left {
  width: 80%;
  margin-top: 20px;
  margin-right: auto;
  font-style: normal;
}

.navbar {
  background-color: #0000;
  height: 60px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-bg {
  background-color: #fff;
  position: absolute;
  inset: 0%;
}

.nav-menu {
  height: 60px;
  display: flex;
}

.navlink {
  color: #000;
  height: 60px;
  margin-right: 15px;
  padding-top: 16px;
  padding-left: 7px;
  padding-right: 7px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
  text-decoration: none;
  overflow: hidden;
}

.navlink:hover {
  text-decoration: none;
}

.navlink.w--current {
  color: var(--link);
}

.navlink.last {
  margin-right: 0;
}

.brand {
  justify-content: center;
  align-items: center;
  min-width: 30px;
  height: 60px;
  transition: transform .2s, opacity .2s;
  display: flex;
}

.brand:hover {
  opacity: .85;
  transform: scale(1.03);
}

.brand.w--current {
  transition: transform .2s, opacity .2s;
}

.badge {
  z-index: 100000;
  background-color: var(--red);
  background-image: url('../images/Logo-white_1Logo-white.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 23px;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  margin-right: 40px;
  display: flex;
  position: absolute;
  inset: -3% 0% auto auto;
}

.badge.w--current {
  background-position: 50%;
}

.rotating-text {
  width: 84%;
}

.absolute-bg {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.absolute-bg._1 {
  background-image: url('../images/lasse-jensen-__70UJKeYcA-unsplash.jpg');
}

.absolute-bg._3 {
  background-image: url('../images/marko-blazevic-WFLRbk562Yo-unsplash.jpg');
}

.absolute-bg._2 {
  background-image: url('../images/content-pixie-YoDF1S5bABM-unsplash-1.jpg');
}

.absolute-bg._4 {
  background-image: url('../images/Bergen_Exterior16-Wall-2.jpg');
  line-height: 30px;
}

.absolute-bg.insta-1 {
  background-image: url('../images/Insta-1.jpg');
}

.absolute-bg.insta-2 {
  background-image: url('../images/Insta-2.jpg');
}

.absolute-bg.insta-3 {
  background-image: url('../images/Insta-3.jpg');
}

.absolute-bg.insta-4 {
  background-image: url('../images/Insta-4.jpg');
}

.absolute-bg.about-me {
  background-image: url('../images/minimalism-1_19E6-l9ng-unsplash-1.jpg');
}

.absolute-bg.grid-2 {
  background-image: url('../images/windows-nYObhCK1dmA-unsplash.jpg');
}

.absolute-bg.grid-3 {
  background-image: url('../images/surface--4kwrnRrk-E-unsplash-1.jpg');
}

.absolute-bg.grid {
  background-image: url('../images/surface-hhcg8ugTWtY-unsplash-1.jpg');
}

.absolute-bg.preview, .absolute-bg.preview-2 {
  background-image: url('../images/Hamar_Historical_ArvindØstby.jpg');
}

.absolute-bg.vr {
  background-image: none;
  overflow: visible;
}

.absolute-bg.table {
  background-image: url('../images/Ullersmo_Aerial-Historical.jpg');
}

.absolute-bg.video {
  background-image: url('../images/patrick-hendry-RL-m2FEXIIo-unsplash.jpg');
  justify-content: center;
  align-items: center;
  display: flex;
}

.absolute-bg.headset {
  background-image: url('../images/Hamar_Historical_ArvindØstby.jpg');
}

.absolute-bg.faq {
  background-image: url('../images/L1050229.JPG');
  background-size: cover;
  inset: 0%;
}

.hero-grid {
  width: 25%;
  margin-right: 2%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hero-grid-2 {
  width: 46%;
  margin-top: 50px;
  margin-right: 2%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hero-grid-container {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 55px;
  display: flex;
  position: relative;
}

.hero-grid-3 {
  width: 25%;
  margin-top: 20px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.column-center {
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.column-center.padding {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 0%;
  padding-right: 5%;
}

.column-center.right-padding {
  padding-right: 10px;
}

.column-center.left-padding {
  padding-left: 10px;
}

.relative {
  min-width: 0;
  max-height: 100%;
  display: inline-block;
  position: static;
  top: 0;
  overflow: hidden;
}

._50-percen-column {
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.quote-block {
  letter-spacing: -2px;
  text-transform: uppercase;
  border-left: 4px solid #cdcdcd;
  width: 235px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 18px;
  font-family: Inter, sans-serif;
  font-size: 26px;
  font-weight: 500;
  line-height: 36px;
}

.intro-section {
  border-bottom: 1px none var(--link);
  background-color: #0000;
  margin-top: 0;
  padding-top: 90px;
  padding-bottom: 60px;
  display: block;
  position: relative;
}

.heading-box {
  text-align: center;
  max-width: 670px;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.h2-big {
  letter-spacing: -1px;
  font-size: 40px;
  line-height: 40px;
}

.h2-big.no-margins {
  letter-spacing: -3px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
}

.item-center {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23%;
  display: flex;
}

.h4-small {
  text-transform: none;
  margin-top: 0;
  font-size: 27.5px;
  line-height: 38.5px;
}

.max-550-pixles {
  text-align: center;
  width: 50%;
  max-width: 550px;
  padding-left: 10px;
  padding-right: 10px;
}

.max-550-pixles.center {
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}

.profile-picture {
  background-color: var(--link);
  filter: grayscale();
  background-image: url('../images/Pic-1_1Pic (1).jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  transition: filter .2s;
}

.flex-space-start {
  border: 1px none var(--lines);
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1100px;
  display: flex;
  position: relative;
}

.title-small {
  color: var(--font);
  letter-spacing: -1px;
  text-transform: uppercase;
  margin-top: 8px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
}

._15-percent-column {
  width: 15%;
}

.lightboox-column {
  width: 100%;
  max-width: 100%;
  margin-right: 0%;
}

.lightbox-link {
  flex-direction: row;
  display: flex;
  position: relative;
  overflow: hidden;
}

.absolute-hover {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0%;
}

.absolute-hover._5 {
  text-align: left;
  letter-spacing: 0;
  object-fit: fill;
  background-image: url('../images/Hamar_Historical_ArvindØstby.jpg');
  flex: 1;
  align-self: auto;
  width: auto;
  min-width: 100%;
  display: block;
  position: absolute;
  overflow: visible;
}

.absolute-hover._6 {
  background-image: url('../images/chris-henry-KpD19jWhck0-unsplash.jpg');
}

.expand-flex {
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.lightboox-column-2 {
  width: 48%;
  max-width: 472px;
}

.h3-medium {
  letter-spacing: -2px;
  text-transform: uppercase;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  position: static;
  overflow: visible;
}

.rotate-box {
  width: 390px;
  position: relative;
  top: 179px;
  left: -153px;
  transform: rotate(-90deg);
}

.two-column-text {
  column-count: 2;
  border: 1px #000;
  column-gap: 32px;
  margin-top: auto;
  margin-bottom: 10px;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: inline-block;
}

.video-section {
  height: 400px;
  margin-left: 25px;
  margin-right: 25px;
  position: relative;
  overflow: hidden;
}

.play-button {
  z-index: 1;
  background-color: #fff;
  background-image: url('../images/simbolo-de-reproduccion-multimedia.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50%;
  width: 70px;
  height: 70px;
  position: relative;
}

.absolute {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120%;
  margin-top: auto;
  margin-bottom: auto;
  position: absolute;
  inset: 0;
}

.absolute.faq-hover {
  background-image: url('../images/nathan-dumlao-hNduUvYQVxg-unsplash-red.jpg');
  display: none;
}

.absolute.left-image, .absolute.right-image {
  background-image: url('../images/Hamar_Historical_ArvindØstby.jpg');
}

.rotate-text {
  color: #fff;
  font-size: 25px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  inset: 0% auto 0% 170px;
  transform: rotate(-90deg);
}

.rotate-text.contact-me {
  color: var(--font);
  left: 9.5%;
}

.absolute-bottom-right {
  text-align: right;
  margin-bottom: 20px;
  margin-right: 25px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.title-text {
  color: var(--font);
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 17px;
}

.justify-right-column {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.left-margin {
  margin-left: 20px;
}

.left-margin._25-pixels {
  margin-left: 2%;
}

.left-margin.mobile {
  margin-left: 25px;
}

.quote-section {
  float: none;
  clear: none;
  color: var(--gray-bg);
  text-align: center;
  letter-spacing: -5px;
  text-transform: none;
  object-fit: fill;
  align-items: center;
  margin: auto;
  padding-bottom: 10px;
  font-size: 50px;
  font-weight: 400;
  line-height: 40px;
  display: block;
  position: relative;
}

.quote-box {
  text-align: center;
  max-width: 800px;
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
}

.black-section {
  background-color: var(--font);
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.credit-text {
  color: var(--bg);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 15px;
  display: inline-block;
}

.empty-state {
  background-color: #0000;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.work {
  width: 87%;
  margin-bottom: 175px;
  display: flex;
}

.work.last, .work.no-margin {
  margin-bottom: 0;
}

.title-link {
  color: var(--font);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  text-decoration: none;
  transition: opacity .2s;
}

.title-link:hover {
  opacity: .8;
}

.title-link.gray {
  color: var(--link);
}

.title-link.big {
  color: var(--link);
  font-size: 15px;
  line-height: 15px;
}

.item-title {
  color: var(--font);
  font-family: Inter, sans-serif;
  font-size: 27.5px;
  font-weight: 700;
  text-decoration: none;
  transition: color .2s;
}

.item-title:hover {
  color: var(--link);
}

.item-title.medium {
  font-size: 25px;
}

.box-link {
  color: #000;
  margin-right: 15px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 25px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
}

.box-link:hover {
  text-decoration: none;
}

.box-link.w--current {
  color: #69707b;
}

.work-preview-column {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  display: flex;
}

.accordion-wrapper {
  border-top: 1px none var(--lines);
  border-bottom: 1px solid var(--lines);
  margin-bottom: 50px;
}

.accordion-item-trigger {
  flex-wrap: wrap;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: flex;
}

.accordion-item-trigger:hover {
  text-decoration: none;
}

.full-width {
  flex: 1;
}

.flex-no-wrap {
  flex-wrap: nowrap;
  display: flex;
}

.question {
  color: #000;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 27px;
}

.open-close-box {
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  height: 28px;
  margin-left: 10px;
  margin-right: 15px;
  display: flex;
  position: relative;
}

.accordion-item-content {
  margin-top: 10px;
  padding-right: 20px;
  overflow: hidden;
}

.horizontal {
  background-color: var(--font);
  width: 18px;
  height: 2px;
}

.vertical {
  background-color: var(--font);
  width: 2px;
  height: 18px;
  position: absolute;
}

.large-text-box {
  width: 880px;
  margin-top: 60px;
  position: relative;
}

.large-text {
  letter-spacing: -4.5px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 500;
  display: inline-block;
}

.large-text-box-2 {
  width: 940px;
  margin-top: 20px;
  position: relative;
  left: 237px;
}

.large-text-2 {
  letter-spacing: -4.5px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 50px;
  font-weight: 500;
}

.red-bg {
  background-color: var(--red);
  display: none;
  position: absolute;
  inset: 0%;
}

.feature {
  text-align: center;
  width: 25%;
  margin-bottom: 60px;
}

.feature.no-margin, .feature.last {
  margin-bottom: 0;
}

.inner-wrapper {
  max-width: 995px;
  margin-left: auto;
  margin-right: auto;
}

.relative-full-height {
  height: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.space-margin {
  margin-top: 20px;
  margin-bottom: 20px;
}

.column-image {
  width: 50%;
  min-height: 400px;
  position: relative;
  overflow: hidden;
}

.column-text {
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 730px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
}

.quote-text {
  text-align: left;
  font-family: Inter, sans-serif;
}

.flex-align-center {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.profile-picture-margin {
  background-color: var(--link);
  filter: grayscale();
  background-image: url('../images/Pic-2_1Pic-2.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-bottom: 10px;
  margin-right: 10px;
  transition: filter .2s;
}

.numbers {
  border-bottom: 1px solid var(--lines);
  text-align: center;
  width: 80%;
  height: 140px;
  margin-left: 0;
  margin-right: 30px;
  padding-bottom: 12px;
  padding-left: 0;
  padding-right: 15px;
  line-height: 20px;
}

.numbers.last {
  margin-right: 0;
}

.number-text {
  text-align: left;
  margin-bottom: 10px;
  font-family: Inter, sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 50px;
}

.title-small-rotate {
  color: var(--font);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  position: relative;
  left: -19px;
  transform: rotate(-90deg);
}

.sub-number {
  color: var(--link);
  margin-left: 2px;
  font-size: 35px;
}

._34-percent-column {
  width: 34%;
  height: 100px;
}

.title-text-white {
  color: #fff;
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 15px;
}

.expand {
  flex: 1;
}

.preview-item {
  border-bottom: 1px solid var(--lines);
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.preview-text {
  flex: 1;
  align-items: center;
  padding-left: 40px;
  display: flex;
}

.preview-text.less-padding {
  padding-left: 10px;
}

.gray-section {
  background-color: var(--gray-bg);
  margin-top: 100px;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.absolute-bg-2 {
  background-color: #101920;
  display: none;
  position: absolute;
  inset: 0%;
}

.absolute-bg-2.gray {
  background-color: #e8eaec;
}

.hover-overlay {
  background-color: #ffffffbf;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.insta-pic {
  width: 25%;
  position: relative;
  overflow: hidden;
}

.no-margins {
  letter-spacing: -1px;
  flex: 0 auto;
  margin-top: auto;
  margin-bottom: auto;
  display: block;
  position: sticky;
}

.align-right {
  text-align: right;
}

.contact-link {
  color: #fff;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 27.5px;
  font-weight: 500;
  text-decoration: none;
  transition: opacity .2s;
}

.contact-link:hover {
  opacity: .85;
}

.contact-link.dark {
  color: var(--link);
  text-transform: none;
  font-size: 23px;
  font-weight: 500;
}

.right-margin {
  margin-right: 0;
}

.right-margin._5-pixels {
  margin-right: 5px;
  display: inline-block;
}

.footer-full-width {
  flex: 1;
  justify-content: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.footer-brand {
  margin-top: 10px;
  transition: transform .2s, opacity .2s;
}

.footer-brand:hover {
  opacity: .85;
  transform: scale(1.04);
}

.h1-pink-quote {
  color: var(--bg-green);
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 60px;
  font-style: italic;
  line-height: 64px;
  position: relative;
}

.about-me-text {
  flex-flow: row;
  align-items: center;
  width: 69%;
  padding-left: 60px;
  display: flex;
}

.hero-picture-box {
  height: 590px;
  margin-right: 90px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.about-me-container {
  min-height: 310px;
  display: flex;
}

.scroll-down {
  z-index: 1;
  background-color: #ced4d4;
  background-image: url('../images/descargar.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-right: 40px;
  position: absolute;
  inset: auto 0% -3% auto;
}

.scroll-down.utility-page {
  bottom: -8%;
}

.flex-start {
  border-bottom: 1px solid var(--link);
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 60px;
  display: flex;
  position: relative;
}

.bottom-margin {
  margin-bottom: 20px;
}

.heading-box-left {
  text-align: left;
  max-width: 670px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}

.column-box {
  justify-content: flex-end;
  width: 75%;
  display: flex;
}

.text-column {
  width: 71%;
}

.side-column {
  flex: 1;
  padding-left: 30px;
}

.link-block {
  font-size: 19px;
  line-height: 31px;
  text-decoration: none;
}

.text-block {
  font-family: Inter, sans-serif;
  font-size: 17px;
  line-height: 24px;
  display: inline-block;
}

.column-container {
  flex-flow: wrap;
  margin-bottom: 30px;
  display: flex;
  position: relative;
}

.offset-container {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 2400px;
  margin-left: -600px;
  margin-right: 600px;
  display: flex;
}

.content-section-hidden {
  position: relative;
  overflow: hidden;
}

.grid-image {
  margin-left: 15px;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.content-section-small {
  padding-top: 30px;
  position: relative;
}

.green-section {
  background-color: var(--hover-bg);
  padding-top: 60px;
  padding-bottom: 50px;
  position: relative;
}

.flex-justify-center {
  flex-wrap: wrap;
  justify-content: center;
  width: 79%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.design-preview {
  width: 46%;
  margin-right: 5%;
  position: relative;
}

.design-preview.last {
  margin-right: 0;
}

.browser-top {
  z-index: 1;
  background-color: #202124;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  align-items: center;
  width: 100%;
  height: 29px;
  padding-left: 10px;
  display: flex;
  position: relative;
}

.design-preview-box {
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  position: relative;
  overflow: hidden;
}

.dot {
  background-color: var(--red-2);
  border-radius: 50%;
  width: 9px;
  height: 9px;
  margin-right: 6px;
}

.dot.yellow {
  background-color: var(--yellow);
}

.dot.green {
  background-color: var(--green);
}

.align-text-right {
  text-align: right;
  width: 79%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.title-text-link {
  color: var(--font);
  letter-spacing: -1px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
}

.side-container {
  width: 28%;
  height: 100%;
  margin-right: 2%;
  padding-right: 20px;
  position: sticky;
  top: 70px;
}

.text-container {
  flex: 1;
}

.position-sticky {
  display: block;
  position: static;
  top: 70px;
}

.box-details {
  border-top: 1px #000;
  border-bottom: 1px none var(--lines);
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 10px;
  display: flex;
}

._40-percent-column {
  flex: 1;
  width: 40%;
  padding-top: 5px;
}

._48-percent-column {
  width: 48.5%;
}

.box-details-full {
  border-bottom: 1px solid var(--lines);
  justify-content: space-between;
  margin-top: 40px;
  padding-bottom: 15px;
}

.feature-item {
  text-align: left;
  align-items: flex-start;
  width: 48%;
  margin-bottom: 40px;
  padding-right: 20px;
  display: flex;
}

.feature-item.no-margin, .feature-item.last {
  margin-bottom: 0;
}

.expand-flex-space {
  flex-wrap: wrap;
  flex: 1;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.testimonial-picture {
  filter: grayscale();
  background-image: url('../images/Testimonial-1_1Testimonial-1.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-picture._3 {
  background-image: url('../images/T-3.jpg');
}

.testimonial-picture._2 {
  background-image: url('../images/T-2.jpg');
}

.testimonial-text-box {
  width: 66%;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-text {
  color: #fff;
  font-size: 25px;
  line-height: 40px;
}

.center-content {
  text-align: center;
}

.testimonial-arrow {
  color: var(--lines);
  transition: opacity .2s;
}

.testimonial-arrow:hover {
  opacity: .8;
}

.testimonial-name {
  color: #fff;
  letter-spacing: .3px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}

.testimonial-slide {
  background-color: var(--font);
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
}

.display-none {
  display: none;
}

.testimonials {
  background-color: #edece6;
  height: 100%;
  margin-left: 25px;
  margin-right: 25px;
}

.flex-center {
  flex-wrap: wrap;
  justify-content: center;
  height: 100%;
  display: flex;
  position: relative;
}

.star {
  margin-right: 5px;
}

.collection-item {
  width: 45%;
  margin-left: 2.5%;
  margin-right: 2.5%;
}

.h4-pink {
  color: var(--text);
  letter-spacing: -5px;
  font-size: 45px;
  line-height: 55px;
}

.cta-section {
  background-color: var(--font);
  padding-top: 20px;
  padding-bottom: 60px;
  position: relative;
}

.top-white-space {
  background-color: var(--bg);
  height: 46px;
  position: absolute;
  inset: 0% 0% auto;
}

.button-outline-pink {
  border: 1px solid var(--text);
  color: var(--text);
  text-align: center;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 25px;
  min-width: 120px;
  min-height: 40px;
  padding: 14px 25px 10px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 12px;
  transition: color .2s, background-color .2s;
}

.button-outline-pink:hover {
  background-color: var(--text);
  color: #f4f5f7;
}

.intro-feature {
  text-align: center;
  width: 25%;
}

.blog-left {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  min-height: 423px;
  padding-left: 60px;
  display: flex;
}

.summary {
  color: #fff;
  font-size: 27.5px;
}

.summary-box {
  width: 86%;
  margin-top: 20px;
}

.blog-text-box {
  z-index: 1;
  width: 600px;
  position: relative;
}

.title-pink {
  color: var(--text);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

.title-pink-link {
  color: var(--text);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  text-decoration: none;
  transition: opacity .2s;
}

.title-pink-link:hover {
  opacity: .8;
}

.blog-side-left {
  width: 71%;
  padding-right: 20px;
}

.blog-side-right {
  width: 24%;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--lines);
  background-color: #0000;
  border-radius: 0;
  height: 45px;
  margin-bottom: 20px;
  padding-top: 15px;
  padding-left: 18px;
  font-family: Inter, sans-serif;
  transition: border .2s;
}

.text-field:hover {
  border-bottom-color: var(--underline-line);
}

.text-field::placeholder {
  color: var(--font);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.flex-space {
  flex-wrap: wrap;
  justify-content: space-between;
  display: flex;
}

.featured-post {
  border-bottom: 1px solid var(--lines);
  flex-flow: column wrap;
  padding-bottom: 15px;
  display: flex;
  position: relative;
}

.preview-text-featured {
  flex: 1;
  align-items: center;
  display: flex;
}

.bottom-line {
  border-bottom: 1px solid var(--lines);
  padding-bottom: 15px;
}

.tag {
  color: var(--font);
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #000;
  border-radius: 50px;
  margin-right: 10px;
  padding: 7px 15px 5px;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  text-decoration: none;
  transition: color .2s, background-color .2s;
  display: inline-block;
}

.tag:hover {
  background-color: var(--font);
  color: #fff;
}

.hero-post-page {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 600px;
  position: relative;
}

.utility-side-left {
  width: 30%;
}

.post-content-box {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.h1-medium {
  margin-top: 10px;
  font-size: 45px;
  line-height: 50px;
}

.preview-item-post {
  flex-flow: column wrap;
  width: 46%;
  margin-bottom: 20px;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
  position: relative;
}

.utility-side-right {
  flex: 1;
}

.preview-item-margin {
  flex-flow: column wrap;
  width: 46%;
  margin-bottom: 40px;
  margin-left: 2%;
  margin-right: 2%;
  display: flex;
  position: relative;
}

.work-preview {
  position: relative;
  overflow: hidden;
}

.hover-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.absolute-bg-3 {
  background-color: var(--hover-works);
  display: none;
  position: absolute;
  inset: 0%;
}

.work-item {
  width: 46%;
  margin-bottom: 40px;
  margin-left: 2%;
  margin-right: 2%;
}

.first-work-item {
  width: 100%;
  margin-bottom: 40px;
  margin-left: 2%;
  margin-right: 2%;
}

.pagination {
  justify-content: flex-end;
}

.green-bg {
  background-color: var(--hover-bg);
  position: absolute;
  inset: 0%;
}

.contact-form {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
}

.form-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: #101920 #101920 var(--lines);
  background-color: #0000;
  border-radius: 0;
  width: 48%;
  height: 45px;
  margin-bottom: 30px;
  margin-right: 2%;
  transition: border-color .2s;
  display: inline-block;
}

.form-field:hover {
  border-color: #178bf4;
}

.form-field:active {
  color: #69707b;
}

.form-field:focus {
  color: #69707b;
  border-color: #178bf4;
}

.form-field::placeholder {
  color: var(--font);
  letter-spacing: -1.5px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-weight: 500;
}

.form-field.no-margin {
  margin-right: 0;
}

.form-field.full {
  border-style: none none solid;
  border-bottom-color: var(--lines);
  width: 100%;
  margin-right: 0%;
}

.error-message {
  font-family: Inter, sans-serif;
  font-size: 15px;
  line-height: 20px;
}

.select-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: #101920 #101920 var(--lines);
  color: var(--font);
  letter-spacing: -2px;
  text-transform: uppercase;
  background-color: #0000;
  background-image: url('../images/flecha-hacia-abajo.svg');
  background-position: 99%;
  background-repeat: no-repeat;
  background-size: 10px;
  border-radius: 0;
  width: 100%;
  height: 45px;
  margin-bottom: 30px;
  padding-left: 12px;
  font-family: Inter, sans-serif;
  transition: border-color .2s;
  display: inline-block;
}

.select-field:hover {
  border-color: #178bf4;
}

.select-field:focus {
  color: var(--font);
  font-family: Inter, sans-serif;
}

.textarea {
  border: 1px solid var(--lines);
  letter-spacing: -2px;
  text-transform: uppercase;
  background-color: #0000;
  border-radius: 0;
  margin-bottom: 30px;
  padding-top: 15px;
  padding-bottom: 60px;
  font-family: Inter, sans-serif;
  transition: border-color .2s;
}

.textarea:hover {
  border-color: #178bf4;
}

.textarea:focus {
  color: #81848a;
  border-color: #178bf4;
}

.textarea::placeholder {
  color: var(--font);
}

.success-message {
  text-transform: uppercase;
  background-color: #0000;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 23px;
}

.max-500-pixels {
  width: 100%;
  max-width: 500px;
  display: block;
}

.social-icon {
  background-color: #000;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  margin-right: 7px;
  transition: background-color .2s;
}

.social-icon:hover {
  background-color: #0000;
  border: 2px solid #000;
}

.social-icon.facebook {
  background-image: url('../images/facebook-logo-de-letra_1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.social-icon.facebook:hover {
  background-color: #0000;
  background-image: url('../images/facebook-logo-de-letra.svg');
}

.social-icon.twittter {
  background-image: url('../images/gorjeo.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.social-icon.twittter:hover {
  background-image: url('../images/gorjeo_1.svg');
}

.social-icon.instagram {
  background-image: url('../images/instagram.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.social-icon.instagram:hover {
  background-image: url('../images/instagram_1.svg');
}

.social-icon.linkedin {
  background-image: url('../images/linkedin-1.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 15px;
}

.social-icon.linkedin:hover {
  background-image: url('../images/linkedin.svg');
}

.map {
  filter: grayscale();
  width: 95%;
  height: 350px;
}

.flex-justify-right {
  justify-content: flex-end;
  display: flex;
}

.form-block-newsletter {
  width: 100%;
  height: 100%;
  margin-top: 15px;
  margin-bottom: 0;
}

.input-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--lines);
  background-color: #0000;
  border-radius: 0;
  height: 44px;
  font-family: Inter, sans-serif;
  transition: border .2s;
}

.input-field:hover {
  border-style: none none solid;
  border-color: var(--underline-line);
}

.input-field::placeholder {
  color: #000;
  text-align: left;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
}

.close-contact-form {
  background-color: var(--font);
  border-bottom-left-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
  position: absolute;
  top: 0;
  right: 0;
}

.newsletter-container {
  background-image: linear-gradient(#101920e6, #101920e6);
  height: 100vh;
  display: none;
}

.newsletter {
  z-index: 100000;
  background-image: linear-gradient(#000000e6, #000000e6);
  justify-content: center;
  align-items: center;
  padding-top: 100px;
  padding-bottom: 100px;
  display: none;
  position: fixed;
  inset: 0;
}

.less-top-margin {
  margin-top: 10px;
}

.newsletter-box {
  flex-wrap: wrap;
  align-items: stretch;
  max-width: 870px;
  display: flex;
}

.submit-button {
  color: #fff;
  letter-spacing: -1.5px;
  text-transform: uppercase;
  background-color: #0000;
  border: 1px solid #fff;
  width: 100%;
  height: 44px;
  padding-top: 7px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  transition: color .2s, background-color .2s, border .2s;
}

.submit-button:hover {
  color: #101920;
  background-color: #fff;
}

.submit-button.dark {
  background-color: var(--font);
  color: #fff;
  margin-right: 0;
  padding-top: 4px;
}

.submit-button.dark:hover {
  border: 1px solid var(--font);
  color: #101920;
  background-color: #0000;
}

.newsletter-column {
  justify-content: space-between;
  width: 50%;
  display: flex;
}

.newsletter-column.modal-left {
  background-image: url('../images/content-pixie-YoDF1S5bABM-unsplash-1.jpg');
  background-position: 31%;
  background-repeat: no-repeat;
  background-size: cover;
}

.newsletter-column.modal-right {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 100%;
  padding: 60px 50px;
  display: flex;
  position: relative;
}

.h1-pink-link {
  color: var(--text);
  letter-spacing: -4px;
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 60px;
  font-weight: 500;
  line-height: 64px;
  text-decoration: none;
  transition: color .2s;
  position: relative;
}

.h1-pink-link:hover {
  color: var(--bg);
}

.title-dark {
  color: var(--font);
  text-transform: uppercase;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
}

.max-540-pixels {
  max-width: 540px;
}

.item-right {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.body {
  display: flex;
}

._90-percent-column {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}

._10-percent-column {
  width: 10%;
}

.expand-flex-left {
  flex-wrap: wrap;
  flex: 1;
  align-self: flex-start;
  display: flex;
}

.relative-full-width {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.hero-blog-image {
  height: 420px;
  margin-right: 60px;
  display: inline-block;
  position: absolute;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.overlay {
  position: absolute;
  inset: 0%;
}

.preview-item-vertical {
  border-bottom: 1px solid var(--lines);
  flex-wrap: wrap;
  margin-bottom: 25px;
  padding-bottom: 25px;
  display: flex;
  position: relative;
}

.row {
  margin-bottom: 3%;
}

.row.top-margin {
  margin-top: 10px;
}

.faq-left {
  width: 27%;
}

.no-top-margin {
  margin-top: 0;
  font-size: 30px;
  font-weight: 600;
}

.relative-flex {
  align-items: flex-start;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h3-big {
  font-size: 35px;
  line-height: 40px;
}

.h4-big {
  font-size: 25px;
  line-height: 27px;
}

.h5-big {
  font-size: 22.5px;
}

.h6-big {
  font-size: 20px;
}

.post-heading-box {
  text-align: center;
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}

.underline-bg {
  background-color: #a4aebe;
  width: 100%;
  height: 1px;
  margin-top: 0;
  position: absolute;
  inset: auto auto 0% 0%;
}

.item-center-left {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 23%;
  display: flex;
}

.item-centet-right {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 20%;
  display: flex;
}

.hover-bg {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--hover-works);
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.h1-dark {
  color: var(--font);
  text-transform: none;
  margin-bottom: 50px;
  font-size: 60px;
  line-height: 64px;
  position: relative;
}

.subtitle {
  font-size: 24px;
  line-height: 29px;
}

.pointer {
  margin-top: -6px;
}

.overflow-hidden {
  border: 1px #000;
  overflow: hidden;
}

.first-row {
  border-bottom: 1px solid var(--lines);
  margin-top: 20px;
  margin-bottom: 50px;
}

.word {
  text-align: left;
  letter-spacing: -6px;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 85px;
  line-height: 70px;
}

.side-badge-box {
  z-index: 1;
  width: 120px;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.word-3 {
  letter-spacing: -8px;
  text-transform: uppercase;
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 92px;
  font-style: italic;
  line-height: 92px;
}

.word-2 {
  text-align: left;
  letter-spacing: -6px;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 60px;
  line-height: 92px;
}

.bottom-margin-image {
  border-bottom: 1px solid #a4aebe;
  width: 100%;
  margin-bottom: 20px;
}

.text-block-link {
  font-family: Inter, sans-serif;
  font-size: 17px;
  text-decoration: none;
  transition: opacity .2s;
  display: inline-block;
}

.text-block-link:hover {
  opacity: .85;
}

.dropdown {
  height: 60px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 27px;
}

.dropdown-toggle {
  height: 60px;
  padding-top: 16px;
  padding-left: 7px;
  padding-right: 36px;
}

.mini-arrow {
  margin-top: 23px;
  font-size: 13px;
}

.inline-block {
  display: inline-block;
}

.dropdown-link-4 {
  background-color: var(--bg-green);
  padding-left: 20px;
  font-size: 14px;
  transition: background-color .2s, padding .2s;
}

.dropdown-link-4:hover {
  color: var(--bg);
  background-color: #39b54a;
  padding-left: 23px;
}

.dropdown-link-4.w--current {
  color: #91aea4;
}

.button-align-center {
  align-items: center;
  height: 100%;
  display: flex;
}

.relative-height {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.utility-box {
  display: flex;
}

.show-on-mobile {
  margin-top: 10px;
  display: block;
}

.column-center-copy {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.faq-image-column {
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
}

.changelog-text {
  font-family: Inter, sans-serif;
  font-size: 20px;
}

.paragraph-2 {
  text-align: left;
  font-family: Inter, sans-serif;
  font-size: 18px;
}

.hero-subtitle-small {
  text-align: left;
  letter-spacing: -1px;
  margin-bottom: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.hero-subtitle-small.small {
  width: 80%;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  font-style: normal;
}

.hero-subtitle-small.left {
  width: 80%;
  margin-top: 20px;
  margin-right: auto;
  font-style: normal;
}

.text-block-2 {
  color: var(--link-text);
  text-transform: none;
  min-width: 400px;
}

.text-block-2:hover {
  color: var(--bg);
}

.text-block-3 {
  min-width: 350px;
}

.link {
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
}

.image {
  min-width: 80px;
}

.link-2 {
  border-style: none;
  border-width: 1px;
  border-color: black black var(--link);
  text-align: left;
  letter-spacing: -2px;
  text-transform: none;
  margin-left: 0;
  font-size: 40px;
  line-height: 60px;
  text-decoration: none;
}

.link-2:hover {
  color: #636f6f;
  border-style: none;
  border-color: #000;
  margin-left: 0;
}

.link-2:active {
  color: #485252;
  border-bottom-style: none;
}

.paragraph-3 {
  margin-bottom: 0;
  font-family: Inter, sans-serif;
}

.rich-text-block, .list-item, .list-item-2, .list-item-3 {
  font-family: Inter, sans-serif;
}

.paragraph-4 {
  text-align: left;
  margin-top: 40px;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 26px;
}

.sources {
  color: var(--link);
  margin-bottom: 50px;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.h2 {
  letter-spacing: -1px;
  text-transform: none;
  font-style: normal;
  font-weight: 400;
}

.image-2 {
  object-fit: fill;
  padding-top: 150px;
}

.bold-text {
  letter-spacing: -2px;
  font-size: 30px;
  font-weight: 700;
  line-height: 40px;
}

.bold-text-2 {
  font-weight: 600;
}

.bold-text-3 {
  margin-left: 0;
  padding-left: 0;
}

.content-section-intro-grey {
  background-color: #0000;
  padding-top: 90px;
  position: relative;
}

.content-section-intro-grey.double {
  padding-bottom: 90px;
}

.content-section-intro-grey.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-intro-grey.inner-pages {
  padding-top: 70px;
}

.content-section-intro-grey.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section-1 {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-1.double {
  padding-bottom: 90px;
}

.content-section-1.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-1.inner-pages {
  padding-top: 70px;
}

.content-section-1.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.body-2 {
  background-color: #fff;
}

.content-section-start {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-start.double {
  padding-bottom: 90px;
}

.content-section-start.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-start.inner-pages {
  padding-top: 70px;
}

.content-section-start.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.main-content {
  padding-top: 100px;
  padding-bottom: 100px;
}

.container {
  object-fit: fill;
  overflow: visible;
}

.image-4 {
  position: relative;
}

.image-5 {
  min-width: 0%;
  display: inline-block;
}

.content-section-exp-1 {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-exp-1.double {
  padding-bottom: 90px;
}

.content-section-exp-1.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-exp-1.inner-pages {
  padding-top: 70px;
}

.content-section-exp-1.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.two-column-text-2 {
  border-style: none;
  border-width: 1px;
  border-color: black black var(--lines);
  column-count: 2;
  column-gap: 32px;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.content-section-prison-grey {
  background-color: #0000;
  padding-top: 90px;
  padding-bottom: 100px;
  position: relative;
}

.content-section-prison-grey.double {
  padding-bottom: 90px;
}

.content-section-prison-grey.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-prison-grey.inner-pages {
  padding-top: 70px;
}

.content-section-prison-grey.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.image-6 {
  width: 100%;
  height: auto;
  margin-bottom: 0;
  overflow: visible;
}

.two-column-text-70 {
  column-count: 2;
  column-gap: 32px;
  margin-top: 30px;
  margin-bottom: 30px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 30px;
}

.paragraph-5 {
  text-align: left;
  max-width: 680px;
  margin: 10px auto 30px 0;
}

.content-quotes-carousel-black {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-quotes-carousel-black.double {
  padding-bottom: 90px;
}

.content-quotes-carousel-black.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-quotes-carousel-black.inner-pages {
  padding-top: 70px;
}

.content-quotes-carousel-black.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.section-sources {
  background-color: #fff;
  padding-top: 30px;
  position: relative;
}

.section-sources.double {
  padding-bottom: 90px;
}

.section-sources.hidden {
  background-color: #0000;
  overflow: hidden;
}

.section-sources.inner-pages {
  padding-top: 70px;
}

.section-sources.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section-start-blk {
  background-color: #fff;
  padding-top: 0;
  position: relative;
}

.content-section-start-blk.double {
  padding-bottom: 90px;
}

.content-section-start-blk.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-start-blk.inner-pages {
  padding-top: 70px;
}

.content-section-start-blk.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.h1-pink-quote-description {
  color: var(--text);
  text-align: center;
  margin-bottom: 20px;
  font-size: 60px;
  line-height: 64px;
  position: relative;
}

.italic-text {
  text-transform: none;
  font-style: italic;
}

.italic-text-2 {
  color: var(--bg);
  text-transform: none;
  margin-bottom: 60px;
  font-size: 10px;
  font-weight: 400;
}

.block-quote {
  color: #fff;
  text-transform: none;
  padding-top: 100px;
  font-family: Sorts Mill Goudy, sans-serif;
}

.italic-text-3 {
  letter-spacing: 0;
  font-family: Sorts Mill Goudy, sans-serif;
}

.black-quote {
  background-color: var(--font);
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
}

.quote-answer {
  color: var(--bg);
  text-align: center;
  letter-spacing: 0;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  font-family: Bitter, serif;
  font-size: 44px;
  font-style: italic;
  font-weight: 600;
  line-height: 70px;
  display: block;
}

.quote-answer.quote-answer-small {
  font-size: 38px;
  line-height: 50px;
}

.quote-answer.quote-answer-tiny {
  align-self: flex-start;
  font-size: 25px;
  line-height: 35px;
}

.quote-text-pink-copy {
  clear: none;
  color: var(--gray-bg);
  text-align: center;
  letter-spacing: -5px;
  text-transform: none;
  object-fit: fill;
  margin-right: 1px;
  font-size: 60px;
  font-style: normal;
  font-weight: 400;
  line-height: 80px;
  display: block;
}

.quote-header {
  color: var(--bg);
  letter-spacing: -1px;
  text-transform: none;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

.bold-text-4 {
  text-transform: none;
  font-size: 18px;
  font-weight: 400;
}

.quote-question {
  color: var(--bg);
  letter-spacing: -1px;
  text-transform: none;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
}

.italic-text-7 {
  line-height: 70px;
}

.bold-text-5 {
  letter-spacing: -2px;
  text-transform: none;
  font-size: 20px;
  font-weight: 400;
}

.content-section-exp1 {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-exp1.double {
  padding-bottom: 90px;
}

.content-section-exp1.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-exp1.inner-pages {
  padding-top: 70px;
}

.content-section-exp1.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section-exp-intro {
  background-color: #fff;
  padding-top: 60px;
  position: relative;
}

.content-section-exp-intro.double {
  padding-bottom: 90px;
}

.content-section-exp-intro.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-exp-intro.inner-pages {
  padding-top: 70px;
}

.content-section-exp-intro.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.image-7 {
  flex: 0 auto;
  margin-bottom: 0;
  display: block;
  position: absolute;
  inset: 5% auto auto;
  overflow: visible;
}

.image-8, .image-margin100 {
  margin-bottom: 100px;
}

.single-column-whitespace {
  float: none;
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--link);
  column-count: 2;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  column-gap: 32px;
  margin-top: auto;
  margin-bottom: 50px;
  margin-right: auto;
  padding-bottom: 50px;
  font-family: Inter, sans-serif;
  font-size: 20px;
  line-height: 30px;
  display: flex;
}

.content-section-about {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-about.double {
  padding-bottom: 90px;
}

.content-section-about.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-about.inner-pages {
  padding-top: 70px;
}

.content-section-about.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section-about3 {
  background-color: #fff;
  padding-top: 60px;
  position: relative;
}

.content-section-about3.double {
  padding-bottom: 90px;
}

.content-section-about3.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-about3.inner-pages {
  padding-top: 70px;
}

.content-section-about3.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section-3columns {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-3columns.double {
  padding-bottom: 90px;
}

.content-section-3columns.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-3columns.inner-pages {
  padding-top: 70px;
}

.content-section-3columns.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.section {
  padding: 30px 25px 50px;
}

.column {
  height: 113px;
  padding-left: 0;
}

.column-2, .column-3, .column-4 {
  padding-left: 0;
}

.columns {
  margin-left: 0;
  margin-right: 0;
  display: block;
  position: static;
}

.section-2 {
  background-color: #fff;
  margin-bottom: 0;
  padding-top: 30px;
  padding-bottom: 30px;
}

.grid-4 {
  grid-template: ". . . . . . Area-2" 40px
                 "Area . para . . . ." 40px
                 "Area-3 . . . . . ."
                 / 2.75fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-rows: 40px;
  grid-auto-flow: row;
}

.number-small {
  font-size: 30px;
  font-weight: 600;
}

.tables {
  background-color: #fff;
  display: block;
}

.sources-mobile {
  color: var(--link);
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.lightbox-link-2 {
  width: 100%;
}

.content-illustration {
  background-color: #fff;
}

.column-5 {
  align-self: flex-start;
  position: sticky;
}

.image-10 {
  width: 40%;
}

.columns-2 {
  display: block;
}

.paragraph-6 {
  margin-top: 30px;
  margin-bottom: 30px;
  position: sticky;
}

.columns-3 {
  display: flex;
  position: static;
}

.flex-copy {
  flex-flow: wrap;
  place-content: stretch flex-start;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.column-6 {
  position: sticky;
}

.section-spaces-links {
  background-color: #fff;
  padding-top: 50px;
  padding-bottom: 50px;
}

.column-7 {
  position: static;
}

.square-blue {
  background-color: #0e76bc;
  width: 80px;
  height: 80px;
}

.column-8 {
  position: relative;
}

.columns-4 {
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
}

.square-red {
  background-color: #cc2026;
  width: 80px;
  height: 80px;
}

.square-green {
  background-color: #39b54a;
  width: 80px;
  height: 80px;
}

.square-yellow {
  background-color: #f5ee31;
  width: 80px;
  height: 80px;
}

.content-section-blue {
  background-color: #0e76bc;
  padding-top: 90px;
  position: relative;
}

.content-section-blue.double {
  padding-bottom: 90px;
}

.content-section-blue.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-blue.inner-pages {
  padding-top: 70px;
}

.content-section-blue.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.h1-white {
  color: #fff;
  text-transform: none;
  margin-bottom: 50px;
  font-size: 60px;
  line-height: 64px;
  position: relative;
}

.image-11 {
  margin-bottom: 50px;
}

.content-section-exp-spaces {
  background-color: #fff;
  padding-top: 90px;
  position: relative;
}

.content-section-exp-spaces.double {
  padding-bottom: 90px;
}

.content-section-exp-spaces.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-exp-spaces.inner-pages {
  padding-top: 70px;
}

.content-section-exp-spaces.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.image-12 {
  align-self: center;
}

.div-block {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.div-block-2 {
  width: 50px;
  height: 50px;
  margin-right: 10px;
  display: block;
  overflow: auto;
}

.content-section-red {
  background-color: #d2232a;
  padding-top: 90px;
  position: relative;
}

.content-section-red.double {
  padding-bottom: 90px;
}

.content-section-red.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-red.inner-pages {
  padding-top: 70px;
}

.content-section-red.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.div-block-3 {
  text-align: left;
  margin-top: 0;
  margin-bottom: 50px;
}

.white-text {
  color: var(--bg);
  text-align: left;
  margin-top: 30px;
  margin-bottom: 50px;
  position: static;
}

.div-block-4 {
  margin-left: 25%;
  margin-right: 25%;
}

.line {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--lines);
  margin-top: 50px;
}

.column-9 {
  margin-bottom: 50px;
}

.image-13 {
  text-align: left;
  margin-bottom: 30px;
}

.space-indicator {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}

.image-small-right {
  float: right;
  text-align: left;
  max-width: 70%;
  margin-bottom: 30px;
}

.italic-text-8 {
  font-style: italic;
}

.dropdown-3 {
  background-color: var(--bg-green);
  padding-left: 20px;
  font-size: 14px;
  transition: background-color .2s, padding .2s;
}

.dropdown-3:hover {
  background-color: #f5ee31;
  padding-left: 23px;
}

.dropdown-3.w--current {
  color: #91aea4;
}

.dropdown-link-2 {
  background-color: var(--bg-green);
  padding-left: 20px;
  font-size: 14px;
  transition: background-color .2s, padding .2s;
}

.dropdown-link-2:hover {
  color: var(--bg);
  background-color: #cc2026;
  padding-left: 23px;
}

.dropdown-link-2.w--current {
  color: #91aea4;
}

.dropdown-link-1 {
  background-color: var(--bg-green);
  padding-left: 20px;
  font-size: 14px;
  transition: background-color .2s, padding .2s;
}

.dropdown-link-1:hover {
  color: var(--bg);
  background-color: #0e76bc;
  padding-left: 23px;
}

.dropdown-link-1.w--current {
  color: var(--link);
}

.dropdown-link-1.w--current:hover {
  color: var(--bg);
  background-color: #0e76bc;
}

.content-section-background-image {
  background-color: #fff;
  padding-top: 100px;
  padding-bottom: 100px;
  position: relative;
}

.content-section-background-image.double {
  padding-bottom: 90px;
}

.content-section-background-image.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-background-image.inner-pages {
  padding-top: 70px;
}

.content-section-background-image.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.dropdown-link-5:hover {
  background-color: var(--lines);
  color: var(--bg);
}

.slide {
  background-color: #0000;
  height: 500px;
}

.quote-slider-1 {
  background-color: var(--font);
  height: 600px;
  padding-top: 30px;
  padding-bottom: 60px;
  position: static;
}

.slider {
  background-color: var(--font);
  height: 500px;
}

.quote-slider-section {
  clear: none;
  color: var(--gray-bg);
  text-align: center;
  letter-spacing: -5px;
  text-transform: none;
  object-fit: fill;
  height: 300px;
  margin-bottom: 60px;
  margin-left: 100px;
  margin-right: 100px;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  display: block;
}

.slide-nav {
  margin-top: 0;
  position: static;
  bottom: auto;
}

.quote-box-slider {
  text-align: center;
  object-fit: fill;
  flex-flow: column;
  place-content: center;
  align-items: center;
  max-width: 950px;
  height: 450px;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.quote-slide-single {
  float: none;
  clear: none;
  color: var(--gray-bg);
  text-align: center;
  letter-spacing: -5px;
  text-transform: none;
  object-fit: fill;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-self: auto;
  align-items: center;
  margin: auto;
  font-size: 50px;
  font-style: normal;
  font-weight: 400;
  line-height: 40px;
  display: flex;
  position: static;
  top: 60px;
}

.quote-question-absolute {
  color: var(--bg);
  letter-spacing: -1px;
  text-transform: none;
  align-self: auto;
  width: 50%;
  margin: auto;
  font-size: 24px;
  font-weight: 400;
  line-height: 28px;
  position: absolute;
  inset: 5% 0% auto;
}

.quote-answer-small {
  color: var(--bg);
  text-align: center;
  letter-spacing: 0;
  text-transform: none;
  flex-direction: row;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  font-family: Bitter, serif;
  font-size: 30px;
  font-style: italic;
  font-weight: 600;
  line-height: 46px;
  display: block;
}

.space-text {
  text-transform: none;
  font-size: 22px;
  font-weight: 500;
  display: block;
}

.image-quote {
  margin-bottom: 50px;
}

.div-multiples {
  align-items: center;
  margin-bottom: 5px;
  display: flex;
}

.image-14 {
  object-fit: fill;
  width: 20px;
  height: 20px;
  position: static;
}

.image-tiny {
  align-self: auto;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}

.side-container-wide {
  width: 38%;
  height: 100%;
  margin-right: 2%;
  padding-right: 20px;
  position: sticky;
  top: 70px;
}

.content-section-yellow {
  background-color: #f6ee33;
  padding-top: 90px;
  position: relative;
}

.content-section-yellow.double {
  padding-bottom: 90px;
}

.content-section-yellow.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-yellow.inner-pages {
  padding-top: 70px;
}

.content-section-yellow.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.h1-black {
  color: var(--font);
  text-transform: none;
  margin-bottom: 50px;
  font-size: 60px;
  line-height: 64px;
  position: relative;
}

.content-section-green {
  background-color: var(--yard);
  padding-top: 90px;
  position: relative;
}

.content-section-green.double {
  padding-bottom: 90px;
}

.content-section-green.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-green.inner-pages {
  padding-top: 70px;
}

.content-section-green.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.content-section-exp-space-2 {
  background-color: #fff;
  padding-top: 30px;
  position: relative;
}

.content-section-exp-space-2.double {
  padding-bottom: 90px;
}

.content-section-exp-space-2.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-exp-space-2.inner-pages {
  padding-top: 70px;
}

.content-section-exp-space-2.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.sticky-right {
  margin-left: 20px;
  position: static;
  top: 70px;
}

.h4-smaller {
  text-transform: none;
  margin-top: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 30px;
}

.content-section-purple {
  background-color: var(--purple);
  padding-top: 90px;
  position: relative;
}

.content-section-purple.double {
  padding-bottom: 90px;
}

.content-section-purple.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-purple.inner-pages {
  padding-top: 70px;
}

.content-section-purple.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.dropdown-link-4-copy {
  background-color: var(--bg-green);
  padding-left: 20px;
  font-size: 14px;
  transition: background-color .2s, padding .2s;
}

.dropdown-link-4-copy:hover {
  background-color: var(--purple);
  color: var(--bg);
  padding-left: 23px;
}

.dropdown-link-4-copy.w--current {
  color: #91aea4;
}

.content-section-spaces {
  background-color: var(--lines);
  padding-top: 90px;
  position: relative;
}

.content-section-spaces.double {
  padding-bottom: 90px;
}

.content-section-spaces.hidden {
  background-color: #0000;
  overflow: hidden;
}

.content-section-spaces.inner-pages {
  padding-top: 70px;
}

.content-section-spaces.inner-pages-double {
  padding-top: 70px;
  padding-bottom: 70px;
}

.intro-paragraph {
  border-bottom: 1px solid var(--lines);
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.image-20px-pad {
  object-fit: fill;
  width: auto;
  max-width: 100%;
  height: 100%;
  margin-bottom: 20px;
}

.small-h4 {
  letter-spacing: -1px;
  flex: 0 auto;
  margin-top: auto;
  margin-bottom: 30px;
  display: block;
  position: static;
}

.columns-5 {
  margin-top: 30px;
}

.image-50 {
  width: 80%;
  max-width: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.line2 {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--lines);
}

.italic-text-10 {
  font-style: italic;
  text-decoration: none;
}

.italic-text-11 {
  color: var(--bg);
}

.italic-text-12 {
  font-style: normal;
}

.heading {
  color: var(--bg);
}

.italic-text-13 {
  font-style: normal;
}

.heading-2 {
  margin-top: 20px;
}

.spacer50 {
  height: 60px;
}

.paragraph-7-50px {
  margin-top: 30px;
  margin-bottom: 50px;
  position: sticky;
}

.italic-text-14, .italic-text-15 {
  font-style: normal;
}

.image90 {
  max-width: 100%;
  padding-left: 30px;
}

.image80 {
  margin-right: 0;
  padding-left: 82px;
  padding-right: 82px;
}

.image-cell-ila {
  width: 50%;
  margin: 20px auto 60px;
}

.image-cell-copy {
  width: 50%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.image-cell-hamar {
  width: 100%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.image-fullwidth {
  min-width: 100%;
}

.image-cell-ullersmo {
  width: 40%;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
}

.image-cell-eids {
  width: 49%;
  margin: 20px auto 60px;
}

.image85 {
  margin-right: 0;
  padding-left: 82px;
  padding-right: 82px;
}

.image-51 {
  max-width: 86%;
}

.image-52 {
  width: 100%;
}

.image-61 {
  width: 75%;
  max-width: 100%;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: auto;
  display: block;
}

.content-center {
  z-index: 5;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  max-width: 1149px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 100px;
  padding-left: 140px;
  padding-right: 140px;
  position: relative;
}

.content-center.wide {
  max-width: 1500px;
  height: 100%;
}

.column-12 {
  direction: ltr;
  position: static;
  right: auto;
}

.image-600h {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
}

.image-63 {
  height: 400px;
}

.columns-7 {
  margin-bottom: 30px;
}

.image-64 {
  width: 50%;
}

.div-imagegrid {
  flex: 1;
  align-self: auto;
  height: 400px;
  margin: 20px;
}

.div-block-6 {
  flex-direction: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.div-block-7 {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: 0;
  display: inline-block;
}

.image-65, .columns-8 {
  display: block;
}

.spacehead {
  align-items: center;
  margin-top: 30px;
  margin-bottom: 10px;
  display: flex;
}

@media screen and (min-width: 1280px) {
  .title {
    position: static;
  }

  .flex {
    position: relative;
  }

  .go-up-button {
    background-image: url('../images/subir.svg');
    background-size: 19px;
  }

  .content-wrapper {
    position: relative;
  }

  .content-wrapper.wide {
    max-width: 1500px;
  }

  .footer-title {
    margin-bottom: 20px;
    line-height: 15px;
  }

  .navlink, .navlink.w--current {
    font-size: 18px;
  }

  .relative {
    width: 100%;
    position: relative;
    top: auto;
    overflow: hidden;
  }

  .flex-space-start {
    margin-left: auto;
    margin-right: auto;
  }

  .title-small {
    letter-spacing: -1px;
  }

  .h3-medium {
    position: static;
  }

  .two-column-text {
    border-bottom: 1px none var(--lines);
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .quote-section {
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .accordion-wrapper {
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--lines);
    max-width: 100%;
  }

  .numbers {
    height: 120px;
  }

  .no-margins {
    margin-bottom: 4px;
  }

  .text-column {
    width: 100%;
  }

  .side-container {
    position: sticky;
    top: 70px;
  }

  .text-container {
    position: static;
  }

  .position-sticky {
    object-fit: fill;
  }

  .box-details {
    border-top-style: none;
    border-bottom-style: none;
    margin-bottom: 30px;
  }

  .h1-dark {
    position: static;
  }

  .word {
    font-size: 80px;
    line-height: 67px;
  }

  .dropdown-toggle {
    padding-left: 7px;
    padding-right: 30px;
    font-size: 18px;
  }

  .mini-arrow {
    margin-right: 10px;
  }

  .dropdown-link-4 {
    font-size: 16px;
  }

  .content-section-intro-grey {
    background-color: #f8f8f8;
  }

  .image-5 {
    width: 100%;
  }

  .content-section-exp-1 {
    background-color: #fff;
  }

  .two-column-text-2 {
    border-bottom: 1px #000;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .content-section-prison-grey {
    background-color: #f8f8f8;
  }

  .image-6 {
    width: 100%;
  }

  .two-column-text-70 {
    border-bottom: 1px solid #000;
    width: 70%;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 30px;
  }

  .paragraph-5 {
    border-bottom: 1px #000;
  }

  .content-quotes-carousel-black {
    background-color: #000;
  }

  .quote-answer {
    color: var(--gray-bg);
    font-size: 44px;
    line-height: 70px;
  }

  .quote-header {
    letter-spacing: -1px;
    font-size: 21px;
  }

  .quote-question {
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
  }

  .content-section-exp1 {
    background-color: #fff;
  }

  .single-column-whitespace {
    border-bottom: 1px solid #000;
    width: 100%;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 50px;
  }

  .column {
    flex: 0 auto;
    align-self: auto;
  }

  .columns {
    align-items: flex-start;
    margin-left: 0;
    display: flex;
  }

  .container-2 {
    max-width: 1149px;
  }

  .flex-copy {
    position: relative;
  }

  .h1-white {
    position: static;
  }

  .content-section-exp-spaces {
    background-color: #fff;
  }

  .dropdown-3, .dropdown-link-2, .dropdown-link-1 {
    font-size: 16px;
  }

  .text-block-4, .dropdown-link-5 {
    font-size: 18px;
  }

  .quote-slider-section, .quote-slide-single {
    margin-top: 40px;
    margin-bottom: 50px;
  }

  .quote-answer-small {
    color: var(--gray-bg);
    font-size: 30px;
    line-height: 48px;
  }

  .side-container-wide {
    position: sticky;
    top: 70px;
  }

  .h1-black {
    position: static;
  }

  .content-section-exp-space-2 {
    background-color: #fff;
  }

  .sticky-right {
    object-fit: fill;
  }

  .dropdown-link-4-copy {
    font-size: 16px;
  }

  .small-h4 {
    margin-bottom: 4px;
  }

  .content-center {
    position: relative;
  }

  .content-center.wide {
    max-width: 1500px;
  }
}

@media screen and (min-width: 1440px) {
  .top-margin._50-pixels {
    border-bottom-style: none;
  }

  .content-wrapper.wide {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }

  .accordion-wrapper {
    border-bottom-style: solid;
  }

  .numbers {
    height: 120px;
  }

  .absolute-bg-3 {
    background-color: #bcc2c2;
    display: none;
  }

  .hover-bg {
    display: none;
  }

  .two-column-text-2 {
    border: 1px #000;
  }

  .paragraph-5 {
    border-bottom-color: var(--lines);
  }

  .quote-answer.quote-answer-small {
    font-size: 38px;
    line-height: 54px;
  }

  .image-10 {
    width: 35%;
  }

  .quote-box-slider {
    max-width: 1000px;
  }

  .quote-answer-small {
    font-size: 32px;
    line-height: 48px;
  }

  .content-center.wide {
    max-width: 1800px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (min-width: 1920px) {
  .content-wrapper.wide {
    max-width: 2600px;
  }

  .flex-space-start {
    border-style: none;
  }

  .h3-medium {
    margin-left: 0;
    margin-right: auto;
  }

  .two-column-text {
    border-bottom-color: var(--lines);
    padding-bottom: 50px;
  }

  .accordion-item-content {
    border-bottom: 1px none var(--lines);
  }

  .numbers {
    border-style: none none solid;
    border-width: 1px;
    border-color: black black var(--lines);
    height: 140px;
  }

  .offset-container {
    width: 3140px;
    min-width: 100%;
  }

  .grid-image {
    width: 29%;
  }

  .h1-dark {
    font-size: 70px;
    line-height: 80px;
  }

  .overflow-hidden {
    overflow: visible;
  }

  .word {
    overflow: hidden;
  }

  .word-2 {
    align-self: auto;
  }

  .two-column-text-2 {
    border-bottom-color: var(--lines);
    padding-bottom: 60px;
  }

  .two-column-text-70 {
    border-bottom-color: var(--lines);
    margin-left: 0;
  }

  .paragraph-5 {
    border-bottom-color: var(--lines);
    text-align: left;
    margin-left: 0;
  }

  .quote-answer {
    color: var(--bg);
    font-size: 50px;
    line-height: 74px;
  }

  .quote-answer.quote-answer-tiny {
    font-size: 32px;
    line-height: 47px;
  }

  .single-column-whitespace {
    border-bottom-color: var(--lines);
    margin-bottom: 50px;
    padding-bottom: 50px;
  }

  .content-section-about3 {
    padding-top: 50px;
  }

  .section {
    text-align: left;
    padding-top: 50px;
    padding-left: 0;
    padding-right: 0;
  }

  .columns {
    margin-left: 0;
    display: block;
  }

  .section-2 {
    padding-top: 50px;
  }

  .container-2 {
    max-width: 1149px;
    padding-left: 25px;
    padding-right: 25px;
    display: block;
    position: static;
  }

  .image-10, .line {
    margin-bottom: 30px;
  }

  .image-13 {
    max-width: 70%;
  }

  .image-small-right {
    float: right;
    direction: ltr;
    max-width: 70%;
  }

  .content-section-background-image {
    color: #fff;
    text-shadow: 0 0 20px #0000004d;
    background-image: url('../images/Halden_Exterior_11-Wall-2.jpg');
    background-position: 0 0;
    background-size: auto;
    max-width: 100%;
    height: 1200px;
  }

  .slide {
    height: 640px;
  }

  .quote-slider-1 {
    height: 680px;
  }

  .slider {
    height: 600px;
  }

  .quote-box-slider {
    max-width: 1300px;
    height: 550px;
  }

  .quote-question-absolute {
    margin-right: 100px;
    font-size: 32px;
    line-height: 30px;
    left: auto;
    right: auto;
  }

  .quote-answer-small {
    color: var(--bg);
    font-size: 39px;
    line-height: 56px;
  }

  .left-arrow {
    align-items: center;
    display: block;
  }

  .line2 {
    margin-bottom: 30px;
  }

  .content-center.wide {
    max-width: 2600px;
  }
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 33px;
    line-height: 38px;
  }

  h2 {
    font-size: 28px;
    line-height: 33px;
  }

  h3 {
    font-size: 24px;
    line-height: 29px;
  }

  h4 {
    font-size: 18px;
    line-height: 23px;
  }

  h5 {
    font-size: 16px;
    line-height: 21px;
  }

  h6 {
    font-size: 14px;
    line-height: 17px;
  }

  p {
    font-size: 21px;
    line-height: 34px;
  }

  .flex {
    flex-direction: row;
    display: flex;
  }

  .content-section-3 {
    padding-top: 70px;
  }

  .content-section-3.double {
    padding-bottom: 70px;
  }

  .footer {
    padding-bottom: 0;
  }

  .underline-hover.white {
    display: none;
  }

  .underline-hover.dark {
    background-color: var(--font);
    display: none;
  }

  .notice {
    padding-bottom: 20px;
  }

  .top-margin._20-pixels {
    margin-left: 0;
    margin-right: 20px;
  }

  .top-margin._50-pixels {
    border: 1px #000;
  }

  .content-wrapper.wide {
    padding-right: 0;
  }

  .menu-link {
    font-size: 17px;
  }

  .menu {
    width: 33.33%;
  }

  .hero-subtitle {
    font-size: 28px;
    line-height: 38px;
  }

  .menu-button {
    color: var(--font);
    background-color: #0000;
    height: 60px;
  }

  .menu-button.w--open {
    background-color: var(--bg);
    color: var(--link);
  }

  .nav-menu {
    background-color: var(--bg);
    text-align: left;
    width: 100%;
    height: 100vh;
    overflow: auto;
  }

  .navlink {
    text-align: left;
    width: 100%;
    height: 50px;
    margin-right: 0;
    padding-top: 12px;
    padding-left: 20px;
    transition: background-color .2s;
  }

  .navlink:hover {
    background-color: var(--lines);
    color: var(--bg);
  }

  .quote-block {
    font-size: 24px;
    line-height: 34px;
  }

  .intro-section {
    padding-top: 70px;
  }

  .h2-big {
    font-size: 43px;
    line-height: 48px;
  }

  .h4-small {
    font-size: 26px;
    line-height: 37px;
  }

  .expand-flex {
    flex-direction: row;
    flex: 1;
    display: flex;
  }

  .h3-medium {
    font-size: 22px;
    line-height: 26px;
  }

  .two-column-text {
    display: inline-block;
  }

  .video-section {
    height: 350px;
  }

  .rotate-text {
    left: 140px;
  }

  .quote-section {
    font-size: 58px;
    line-height: 65px;
  }

  .black-section {
    padding-top: 70px;
  }

  .work {
    margin-bottom: 140px;
  }

  .item-title {
    font-size: 26px;
    line-height: 33px;
  }

  .box-link {
    text-align: left;
    position: relative;
  }

  .accordion-wrapper {
    min-width: 100%;
  }

  .large-text {
    font-size: 48px;
    line-height: 33px;
  }

  .numbers {
    border-bottom-style: none;
    width: 90%;
    height: 180px;
  }

  .number-text {
    font-size: 34px;
    line-height: 33px;
  }

  .preview-text {
    padding-left: 20px;
  }

  .gray-section {
    padding-top: 70px;
  }

  .contact-link {
    font-size: 24px;
    line-height: 31px;
  }

  .h1-pink-quote {
    font-size: 58px;
    line-height: 62px;
  }

  .about-me-text {
    padding-left: 10px;
  }

  .hero-picture-box {
    margin-right: 40px;
  }

  .text-column {
    width: 100%;
    display: block;
  }

  .side-container {
    width: 30%;
  }

  .position-sticky {
    display: block;
    position: sticky;
  }

  .feature-item {
    padding-right: 0;
  }

  .h4-pink {
    font-size: 43px;
    line-height: 53px;
  }

  .blog-left {
    padding-left: 0;
  }

  .blog-side-right {
    width: 27%;
  }

  .hero-post-page {
    height: 500px;
  }

  .h1-medium {
    font-size: 43px;
    line-height: 48px;
  }

  .preview-item-margin {
    font-size: 22px;
    line-height: 35px;
  }

  .newsletter-box {
    width: 85%;
  }

  .h1-pink-link {
    font-size: 58px;
    line-height: 62px;
  }

  .hero-blog-image {
    margin-right: 0;
  }

  .overlay {
    background-color: #0a0a0a80;
  }

  .hover-bg {
    display: flex;
  }

  .h1-dark {
    font-size: 58px;
    line-height: 62px;
  }

  .word, .word-3, .word-2 {
    font-size: 90px;
    line-height: 78px;
  }

  .dropdown-toggle:hover {
    background-color: var(--lines);
    color: var(--bg);
  }

  .dropdown-link-4 {
    background-color: var(--bg);
    color: var(--link);
  }

  .dropdown-link-4:hover {
    color: var(--bg);
    background-color: #39b54a;
  }

  .dropdown-link-4.w--current {
    color: var(--yard);
    background-color: #0000;
  }

  .dropdown-link-4.w--current:hover {
    background-color: var(--yard);
    color: var(--bg);
  }

  .faq-image-column {
    align-items: flex-start;
    padding-top: 20px;
    display: none;
  }

  .hero-subtitle-small {
    font-size: 28px;
    line-height: 38px;
  }

  .link {
    border-bottom: 1px none var(--lines);
  }

  .link-2 {
    text-decoration: none;
  }

  .content-section-intro-grey {
    padding-top: 70px;
  }

  .content-section-intro-grey.double {
    padding-bottom: 70px;
  }

  .content-section-1 {
    padding-top: 70px;
  }

  .content-section-1.double {
    padding-bottom: 70px;
  }

  .content-section-start {
    padding-top: 70px;
  }

  .content-section-start.double {
    padding-bottom: 70px;
  }

  .content-section-exp-1 {
    padding-top: 70px;
  }

  .content-section-exp-1.double {
    padding-bottom: 70px;
  }

  .two-column-text-2 {
    display: block;
  }

  .content-section-prison-grey {
    padding-top: 70px;
  }

  .content-section-prison-grey.double {
    padding-bottom: 70px;
  }

  .paragraph-5 {
    text-align: left;
  }

  .content-quotes-carousel-black {
    padding-top: 70px;
  }

  .content-quotes-carousel-black.double {
    padding-bottom: 70px;
  }

  .section-sources {
    padding-top: 70px;
  }

  .section-sources.double {
    padding-bottom: 70px;
  }

  .content-section-start-blk {
    padding-top: 70px;
  }

  .content-section-start-blk.double {
    padding-bottom: 70px;
  }

  .h1-pink-quote-description {
    font-size: 58px;
    line-height: 62px;
  }

  .black-quote {
    padding-top: 70px;
  }

  .quote-answer {
    letter-spacing: 0;
    font-size: 36px;
    line-height: 60px;
  }

  .quote-answer.quote-answer-tiny {
    font-size: 25px;
    line-height: 35px;
  }

  .quote-text-pink-copy {
    font-size: 58px;
    line-height: 65px;
  }

  .quote-question {
    font-size: 20px;
    line-height: 30px;
  }

  .bold-text-5 {
    display: inline;
  }

  .content-section-exp1 {
    padding-top: 70px;
  }

  .content-section-exp1.double {
    padding-bottom: 70px;
  }

  .content-section-exp-intro {
    padding-top: 70px;
  }

  .content-section-exp-intro.double {
    padding-bottom: 70px;
  }

  .image-7 {
    display: none;
  }

  .content-section-about {
    padding-top: 70px;
  }

  .content-section-about.double {
    padding-bottom: 70px;
  }

  .content-section-about3 {
    padding-top: 70px;
  }

  .content-section-about3.double {
    padding-bottom: 70px;
  }

  .content-section-3columns {
    padding-top: 70px;
  }

  .content-section-3columns.double {
    padding-bottom: 70px;
  }

  .image-10 {
    width: 100%;
  }

  .flex-copy {
    flex-wrap: wrap;
    align-content: stretch;
    display: flex;
  }

  .column-7 {
    align-items: center;
    display: block;
  }

  .column-8 {
    flex: 0 auto;
    padding-left: 0;
    display: block;
    position: relative;
  }

  .columns-4 {
    border-bottom: 1px solid var(--lines);
    flex-flow: row;
    align-items: center;
    margin-left: 0;
    margin-right: 0;
    display: flex;
    position: static;
  }

  .content-section-blue {
    padding-top: 80px;
  }

  .content-section-blue.double {
    padding-bottom: 70px;
  }

  .h1-white {
    font-size: 58px;
    line-height: 62px;
  }

  .content-section-exp-spaces {
    padding-top: 70px;
  }

  .content-section-exp-spaces.double {
    padding-bottom: 70px;
  }

  .div-block {
    margin-bottom: 20px;
  }

  .content-section-red {
    padding-top: 80px;
  }

  .content-section-red.double {
    padding-bottom: 70px;
  }

  .image-small-right {
    max-width: 100%;
  }

  .dropdown-3 {
    background-color: var(--bg);
    color: var(--link);
  }

  .dropdown-3:hover {
    color: var(--font);
    background-color: #f5ee31;
  }

  .dropdown-3.w--current {
    background-color: var(--yellow);
    color: var(--font);
  }

  .dropdown-link-2 {
    background-color: var(--bg);
    color: var(--link);
  }

  .dropdown-link-2:hover {
    color: var(--bg);
    background-color: #d2232a;
  }

  .dropdown-link-2.w--current {
    color: var(--bg-green);
    background-color: #0e76bc;
  }

  .dropdown-link-1 {
    background-color: var(--bg);
    color: var(--link);
  }

  .dropdown-link-1:hover {
    color: var(--bg);
  }

  .dropdown-link-1.w--current {
    background-color: var(--bg);
    color: var(--underline-line);
  }

  .content-section-background-image {
    padding-top: 70px;
  }

  .content-section-background-image.double {
    padding-bottom: 70px;
  }

  .dropdown-link-5:hover {
    background-color: var(--lines);
    color: var(--bg);
  }

  .quote-box-slider {
    margin-left: 80px;
    margin-right: 80px;
  }

  .quote-slide-single {
    font-size: 58px;
    line-height: 65px;
  }

  .quote-question-absolute {
    color: var(--bg);
    width: 60%;
    font-size: 23px;
  }

  .quote-answer-small {
    letter-spacing: 0;
    font-size: 28px;
    line-height: 38px;
  }

  .space-text {
    text-transform: none;
    font-size: 23px;
    font-weight: 500;
    display: block;
  }

  .div-multiples {
    margin-bottom: 0;
  }

  .side-container-wide {
    width: 40%;
  }

  .content-section-yellow {
    padding-top: 80px;
  }

  .content-section-yellow.double {
    padding-bottom: 70px;
  }

  .h1-black {
    font-size: 58px;
    line-height: 62px;
  }

  .content-section-green {
    padding-top: 80px;
  }

  .content-section-green.double {
    padding-bottom: 70px;
  }

  .content-section-exp-space-2 {
    padding-top: 70px;
  }

  .content-section-exp-space-2.double {
    padding-bottom: 70px;
  }

  .sticky-right {
    display: block;
    position: sticky;
  }

  .h4-smaller {
    font-size: 26px;
    line-height: 37px;
  }

  .content-section-purple {
    padding-top: 80px;
  }

  .content-section-purple.double {
    padding-bottom: 70px;
  }

  .dropdown-link-4-copy {
    background-color: var(--bg);
    color: var(--link);
  }

  .dropdown-link-4-copy:hover {
    background-color: var(--purple);
    color: var(--bg);
  }

  .dropdown-link-4-copy.w--current {
    color: var(--bg-green);
    background-color: #0e76bc;
  }

  .content-section-spaces {
    padding-top: 70px;
  }

  .content-section-spaces.double {
    padding-bottom: 70px;
  }

  .italic-text-14 {
    font-size: 22px;
  }

  .image90 {
    padding-left: 22px;
  }

  .image80 {
    padding-left: 76px;
    padding-right: 76px;
  }

  .image-cell-ila, .image-cell-copy {
    width: 50%;
  }

  .image-cell-hamar {
    width: 70%;
  }

  .image-cell-ullersmo, .image-cell-eids {
    width: 50%;
  }

  .image85 {
    padding-left: 76px;
    padding-right: 76px;
  }

  .content-center {
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .content-center.wide {
    padding-right: 0;
  }

  .image-600h {
    object-fit: cover;
    width: 100%;
    max-height: 100%;
  }

  .spacehead {
    margin-bottom: 20px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 31px;
    line-height: 36px;
  }

  h2 {
    line-height: 31px;
  }

  h3 {
    font-size: 23px;
    line-height: 28px;
  }

  p {
    font-size: 20px;
    line-height: 33px;
  }

  .paragraph {
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .title {
    font-size: 16px;
    line-height: 14px;
  }

  .flex {
    flex-direction: row;
    display: flex;
  }

  .content-section-3 {
    padding-top: 70px;
  }

  .footer-expand {
    flex-direction: row;
    justify-content: flex-start;
  }

  .footer-column {
    flex-direction: column;
    width: 54%;
  }

  .top-margin._10-pixels {
    flex: 0 auto;
  }

  .content-wrapper {
    z-index: 5;
  }

  .menu-link {
    font-size: 16px;
    line-height: 34px;
  }

  .button-outline-black {
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero-section.utility {
    padding-bottom: 40px;
  }

  .menu {
    width: 50%;
    margin-bottom: 30px;
  }

  .menu.no-margin {
    margin-bottom: 0;
  }

  .hero-subtitle {
    font-size: 26px;
    line-height: 36px;
  }

  .hero-subtitle.left {
    width: 100%;
  }

  .badge {
    margin-right: 20px;
  }

  .badge.w--current {
    background-position: 50%;
  }

  .quote-block {
    font-size: 22px;
    line-height: 32px;
  }

  .intro-section {
    padding-top: 70px;
  }

  .heading-box {
    margin-bottom: 30px;
  }

  .h2-big {
    font-size: 41px;
    line-height: 46px;
  }

  .h4-small {
    font-size: 24px;
    line-height: 35px;
  }

  .expand-flex {
    flex-direction: row;
    flex: 1;
    display: block;
  }

  .h3-medium {
    font-size: 20px;
    line-height: 30px;
  }

  .rotate-box {
    left: -161px;
  }

  .two-column-text {
    display: inline-block;
  }

  .video-section {
    height: 300px;
  }

  .rotate-text {
    left: 115px;
  }

  .absolute-bottom-right {
    margin-bottom: 10px;
    margin-right: 10px;
  }

  .quote-section {
    font-size: 54px;
    line-height: 61px;
  }

  .black-section {
    padding-top: 70px;
  }

  .work {
    margin-bottom: 100px;
  }

  .item-title {
    font-size: 25px;
    line-height: 32px;
  }

  .accordion-wrapper {
    max-width: 100%;
    margin-top: 20px;
  }

  .large-text-box {
    margin-top: 40px;
    display: none;
  }

  .large-text {
    font-size: 38px;
    line-height: 31px;
  }

  .large-text-box-2 {
    margin-top: 10px;
    display: none;
  }

  .large-text-2 {
    font-size: 38px;
  }

  .feature {
    width: 30%;
  }

  .numbers {
    border-bottom-style: solid;
    width: 47%;
    height: auto;
    margin-bottom: 20px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .number-text {
    font-size: 36px;
    line-height: 31px;
  }

  .preview-item {
    padding-bottom: 10px;
  }

  .preview-text {
    padding-left: 0;
  }

  .gray-section {
    padding-top: 70px;
  }

  .hover-icon {
    width: 30px;
  }

  .contact-link {
    font-size: 22px;
    line-height: 29px;
  }

  .right-margin {
    margin-bottom: 10px;
  }

  .footer-full-width {
    padding-left: 0;
  }

  .h1-pink-quote {
    font-size: 56px;
    line-height: 60px;
  }

  .about-me-text {
    width: 80%;
  }

  .scroll-down {
    background-size: 20px;
    width: 45px;
    height: 45px;
    margin-right: 20px;
  }

  .scroll-down.utility-page.w--current {
    background-size: 20px;
    width: 45px;
    height: 45px;
  }

  .heading-box-left {
    margin-bottom: 30px;
  }

  .green-section {
    padding-top: 70px;
  }

  .browser-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }

  .side-container, .position-sticky {
    display: block;
  }

  .testimonial-text {
    font-size: 23px;
    line-height: 38px;
  }

  .testimonial-name {
    font-size: 12px;
  }

  .testimonial-slide {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .h4-pink {
    font-size: 41px;
    line-height: 51px;
  }

  .blog-left, .blog-text-box {
    width: 100%;
  }

  .blog-side-left {
    width: 63%;
  }

  .blog-side-right {
    width: 35%;
  }

  .hero-post-page {
    height: 400px;
  }

  .post-content-box {
    width: 90%;
  }

  .h1-medium {
    font-size: 41px;
    line-height: 46px;
  }

  .form-field, .select-field, .textarea {
    margin-bottom: 20px;
  }

  .social-icon {
    width: 30px;
    height: 30px;
  }

  .social-icon.facebook, .social-icon.twittter, .social-icon.instagram, .social-icon.linkedin {
    background-size: 12px;
  }

  .newsletter-pop {
    overflow: auto;
  }

  .close-contact-form {
    right: -1px;
  }

  .newsletter-container {
    overflow: auto;
  }

  .newsletter-column.modal-right {
    width: 100%;
    padding: 40px 40px 50px;
    overflow: auto;
  }

  .h1-pink-link {
    font-size: 56px;
    line-height: 60px;
  }

  .relative-full-width {
    width: 100%;
  }

  .top-mobile {
    margin-top: 10px;
  }

  .hero-blog-image {
    width: 90%;
  }

  .overlay {
    background-color: #0006;
  }

  .preview-item-vertical {
    flex-direction: column;
    padding-bottom: 20px;
  }

  .post-heading-box {
    width: 90%;
  }

  .item-center-left, .item-centet-right {
    display: none;
  }

  .hover-bg {
    display: flex;
  }

  .h1-dark {
    font-size: 56px;
    line-height: 60px;
  }

  .word, .word-3, .word-2 {
    font-size: 86px;
    line-height: 74px;
  }

  .faq-image-column {
    display: none;
  }

  .hero-subtitle-small {
    font-size: 26px;
    line-height: 36px;
  }

  .hero-subtitle-small.left {
    width: 100%;
  }

  .content-section-intro-grey, .content-section-1, .content-section-start {
    padding-top: 70px;
  }

  .main-content {
    padding: 40px 20px;
  }

  .image-4 {
    display: none;
  }

  .content-section-exp-1 {
    padding-top: 70px;
  }

  .two-column-text-2 {
    display: block;
  }

  .content-section-prison-grey, .content-quotes-carousel-black, .section-sources, .content-section-start-blk {
    padding-top: 70px;
  }

  .h1-pink-quote-description {
    font-size: 56px;
    line-height: 60px;
  }

  .black-quote {
    padding-top: 70px;
  }

  .quote-answer {
    font-size: 34px;
    line-height: 44px;
  }

  .quote-answer.quote-answer-small {
    font-size: 22px;
    line-height: 36px;
  }

  .quote-answer.quote-answer-tiny {
    font-size: 22px;
    line-height: 34px;
  }

  .quote-text-pink-copy {
    font-size: 54px;
    line-height: 61px;
  }

  .content-section-exp1, .content-section-exp-intro, .content-section-about, .content-section-about3, .content-section-3columns, .content-section-blue {
    padding-top: 70px;
  }

  .h1-white {
    font-size: 56px;
    line-height: 60px;
  }

  .content-section-exp-spaces {
    padding-top: 70px;
  }

  .div-block {
    margin-bottom: 10px;
  }

  .content-section-red {
    padding-top: 70px;
  }

  .div-block-4 {
    margin-left: 10%;
    margin-right: 10%;
  }

  .content-section-background-image {
    padding-top: 70px;
  }

  .quote-slider-section {
    font-size: 60px;
    line-height: 21px;
  }

  .quote-box-slider {
    max-width: 840px;
    margin-left: 80px;
    margin-right: 80px;
  }

  .quote-slide-single {
    font-size: 54px;
    line-height: 61px;
  }

  .quote-question-absolute {
    width: 70%;
    font-size: 20px;
    line-height: 23px;
  }

  .quote-answer-small {
    font-size: 25px;
    line-height: 37px;
  }

  .italic-text-9 {
    font-size: 16px;
    line-height: 23px;
  }

  .div-multiples {
    margin-bottom: 10px;
  }

  .content-section-yellow {
    padding-top: 70px;
  }

  .h1-black {
    font-size: 56px;
    line-height: 60px;
  }

  .content-section-green, .content-section-exp-space-2 {
    padding-top: 70px;
  }

  .sticky-right {
    display: none;
  }

  .h4-smaller {
    font-size: 24px;
    line-height: 35px;
  }

  .content-section-purple {
    padding-top: 80px;
  }

  .content-section-spaces {
    padding-top: 70px;
  }

  .image-cell-ila {
    width: 70%;
  }

  .image-cell-copy, .image-cell-hamar {
    width: 100%;
  }

  .image-cell-ullersmo, .image-cell-eids {
    width: 70%;
  }

  .column-11 {
    margin-bottom: 20px;
  }

  .content-center {
    z-index: 5;
    padding-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .spacehead {
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    font-size: 29px;
    line-height: 34px;
  }

  h2 {
    font-size: 24px;
    line-height: 29px;
  }

  p {
    font-size: 19px;
    line-height: 32px;
  }

  .paragraph {
    margin-left: 0;
    margin-right: 0;
  }

  .title {
    font-size: 13px;
    line-height: 13px;
  }

  .flex {
    display: block;
  }

  .flex.mobile-reverse {
    flex-wrap: wrap-reverse;
  }

  .content-section-3 {
    padding-top: 50px;
  }

  .content-section-3.double {
    padding-bottom: 50px;
  }

  .content-section-3.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .footer-expand {
    padding-top: 35px;
    display: flex;
  }

  .footer-column {
    width: 100%;
    margin-right: 0%;
    padding-top: 35px;
    padding-bottom: 0;
  }

  .top-margin._20-pixels {
    font-size: 30px;
  }

  .content-wrapper {
    object-fit: fill;
  }

  .content-wrapper.wide {
    max-width: 800px;
    padding-left: 15px;
    padding-right: 0;
  }

  .hero-section.utility {
    padding-bottom: 30px;
  }

  .menu.no-margin {
    margin-bottom: 0;
  }

  .hero-subtitle {
    font-size: 24px;
    line-height: 34px;
  }

  .badge {
    margin-right: 20px;
    top: -6%;
  }

  .absolute-bg.about-me {
    background-image: linear-gradient(#ffffff1a, #ffffff1a), url('../images/minimalism-1_19E6-l9ng-unsplash-1.jpg');
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
  }

  .absolute-bg.faq {
    display: none;
  }

  .hero-grid-2 {
    margin-top: 10px;
  }

  .hero-grid-container {
    margin-top: 20px;
  }

  .hero-grid-3 {
    margin-top: 5px;
  }

  .column-center {
    width: 100%;
  }

  .column-center.padding {
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
  }

  ._50-percen-column {
    width: 100%;
  }

  .quote-block {
    font-size: 21px;
    line-height: 30px;
  }

  .intro-section {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h2-big {
    font-size: 30px;
    line-height: 39px;
  }

  .item-center {
    width: 100%;
    margin-bottom: 10px;
  }

  .h4-small {
    font-size: 22px;
    line-height: 33px;
  }

  .max-550-pixles {
    width: 100%;
  }

  ._15-percent-column {
    display: none;
  }

  .lightboox-column {
    width: 100%;
    margin-bottom: 40px;
    margin-right: 0%;
  }

  .expand-flex {
    flex-direction: row;
    align-self: auto;
    align-items: stretch;
    display: block;
  }

  .lightboox-column-2 {
    width: 100%;
  }

  .h3-medium {
    font-size: 24px;
    line-height: 29px;
  }

  .two-column-text {
    column-count: 1;
    display: inline-block;
  }

  .justify-right-column {
    align-items: center;
    width: 100%;
  }

  .left-margin.mobile {
    margin-top: 20px;
    margin-left: 0;
  }

  .quote-section {
    margin-bottom: 30px;
    margin-right: auto;
    font-size: 30px;
    line-height: 30px;
  }

  .quote-box {
    font-size: 30px;
  }

  .black-section {
    padding-top: 50px;
  }

  .work {
    width: 100%;
    margin-bottom: 60px;
  }

  .work.no-margin {
    margin-bottom: 60px;
  }

  .work-preview-column {
    width: 100%;
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
  }

  .accordion-wrapper {
    width: 100%;
  }

  .accordion-item-content {
    padding-right: 0;
    overflow: hidden;
  }

  .large-text-box {
    width: 400px;
    margin-top: 20px;
    display: none;
  }

  .large-text {
    font-size: 25px;
  }

  .large-text-box-2 {
    margin-top: 0;
    display: none;
  }

  .large-text-2 {
    font-size: 25px;
  }

  .feature {
    width: 100%;
    margin-bottom: 40px;
  }

  .feature.no-margin {
    margin-bottom: 40px;
  }

  .space-margin.mobile {
    margin-top: 0;
  }

  .column-image {
    width: 100%;
  }

  .column-text {
    width: 100%;
    margin-bottom: 10px;
  }

  .column-text.mobile-margin {
    margin-bottom: 0;
  }

  .numbers {
    padding-left: 0;
  }

  .title-small-rotate {
    left: -10px;
  }

  ._34-percent-column {
    width: 100%;
    margin-bottom: 20px;
  }

  .preview-text {
    margin-top: 10px;
    padding-left: 0;
  }

  .gray-section {
    padding-top: 50px;
  }

  .insta-pic {
    width: 50%;
  }

  .contact-link {
    font-size: 20px;
    line-height: 28px;
  }

  .contact-link.dark {
    font-size: 20px;
  }

  .footer-full-width {
    justify-content: flex-start;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .h1-pink-quote {
    font-size: 44px;
    line-height: 47px;
  }

  .about-me-text {
    width: 100%;
    padding-left: 0;
  }

  .hero-picture-box {
    margin-left: 20px;
    margin-right: 20px;
  }

  .heading-box-left {
    margin-left: 0;
  }

  .column-box {
    width: 100%;
  }

  .text-column {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .green-section {
    padding-top: 50px;
  }

  .flex-justify-center {
    width: 100%;
  }

  .side-container {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 10px;
    position: static;
  }

  .box-details {
    padding-bottom: 0;
  }

  ._40-percent-column, ._48-percent-column {
    width: 100%;
  }

  .feature-item {
    flex-direction: column;
    width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
  }

  .feature-item.no-margin {
    margin-bottom: 20px;
  }

  .testimonial-arrow {
    width: 50px;
  }

  .collection-item {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .h4-pink {
    font-size: 39px;
    line-height: 49px;
  }

  .intro-feature {
    width: 100%;
    margin-bottom: 20px;
  }

  .intro-feature.last {
    margin-bottom: 0;
  }

  .summary-box {
    width: 100%;
  }

  .blog-side-left {
    width: 100%;
    padding-right: 0;
  }

  .blog-side-right {
    width: 100%;
  }

  .hero-post-page {
    height: 350px;
  }

  .utility-side-left {
    width: 100%;
  }

  .h1-medium {
    font-size: 35px;
    line-height: 40px;
  }

  .preview-item-post {
    width: 100%;
    margin-bottom: 40px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .preview-item-margin, .work-item {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
  }

  .first-work-item {
    margin-left: 0%;
    margin-right: 0%;
  }

  .contact-form {
    margin-top: 40px;
    margin-left: 0%;
    margin-right: 0%;
  }

  .newsletter-column {
    width: 100%;
  }

  .newsletter-column.modal-left {
    height: 300px;
  }

  .h1-pink-link {
    font-size: 50px;
    line-height: 54px;
  }

  .item-right {
    width: 100%;
  }

  ._90-percent-column {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .top-mobile {
    margin-top: 0;
  }

  .faq-left {
    width: 100%;
  }

  .mobile-bottom-margin {
    margin-bottom: 10px;
  }

  .mobile-margins {
    margin-top: 20px;
    margin-bottom: 10px;
  }

  .item-center-left {
    width: 100%;
    margin-bottom: 10px;
  }

  .item-centet-right {
    width: 100%;
  }

  .h1-dark {
    font-size: 42px;
    line-height: 45px;
  }

  .word {
    font-size: 55px;
    line-height: 45px;
  }

  .side-badge-box {
    display: none;
  }

  .word-3 {
    margin-top: 10px;
    font-size: 55px;
    line-height: 45px;
  }

  .word-2 {
    font-size: 55px;
    line-height: 45px;
  }

  .mini-arrow {
    display: inline-block;
  }

  .show-on-mobile {
    display: block;
  }

  .column-center-copy, .faq-image-column {
    width: 100%;
  }

  .hero-subtitle-small {
    font-size: 24px;
    line-height: 34px;
  }

  .text-block-2 {
    min-width: 200px;
  }

  .link-2 {
    font-size: 30px;
    line-height: 30px;
  }

  .content-section-intro-grey {
    padding-top: 50px;
  }

  .content-section-intro-grey.double {
    padding-bottom: 50px;
  }

  .content-section-intro-grey.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-1 {
    padding-top: 50px;
  }

  .content-section-1.double {
    padding-bottom: 50px;
  }

  .content-section-1.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-start {
    padding-top: 50px;
  }

  .content-section-start.double {
    padding-bottom: 50px;
  }

  .content-section-start.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .image-4 {
    display: none;
    overflow: visible;
  }

  .content-section-exp-1 {
    padding-top: 50px;
    display: block;
  }

  .content-section-exp-1.double {
    padding-bottom: 50px;
  }

  .content-section-exp-1.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .two-column-text-2 {
    column-count: 1;
    display: block;
  }

  .content-section-prison-grey {
    padding-top: 50px;
  }

  .content-section-prison-grey.double {
    padding-bottom: 50px;
  }

  .content-section-prison-grey.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .two-column-text-70 {
    column-count: 1;
  }

  .content-quotes-carousel-black {
    padding-top: 50px;
  }

  .content-quotes-carousel-black.double {
    padding-bottom: 50px;
  }

  .content-quotes-carousel-black.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .section-sources {
    padding-top: 50px;
  }

  .section-sources.double {
    padding-bottom: 50px;
  }

  .section-sources.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-start-blk {
    padding-top: 50px;
  }

  .content-section-start-blk.double {
    padding-bottom: 50px;
  }

  .content-section-start-blk.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h1-pink-quote-description {
    font-size: 44px;
    line-height: 47px;
  }

  .black-quote {
    padding-top: 50px;
  }

  .quote-answer {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    line-height: 40px;
    display: block;
    position: relative;
  }

  .quote-answer.quote-answer-small {
    font-size: 25px;
    line-height: 32px;
  }

  .quote-answer.quote-answer-tiny {
    font-size: 17px;
    line-height: 28px;
  }

  .quote-text-pink-copy {
    font-size: 48px;
    line-height: 55px;
  }

  .quote-header {
    font-size: 12px;
  }

  .quote-question {
    font-size: 15px;
    line-height: 20px;
  }

  .bold-text-5 {
    font-size: 20px;
  }

  .content-section-exp1 {
    padding-top: 50px;
  }

  .content-section-exp1.double {
    padding-bottom: 50px;
  }

  .content-section-exp1.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-exp-intro {
    padding-top: 50px;
  }

  .content-section-exp-intro.double {
    padding-bottom: 50px;
  }

  .content-section-exp-intro.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .image-7 {
    display: none;
  }

  .single-column-whitespace {
    column-count: 1;
  }

  .content-section-about {
    padding-top: 50px;
  }

  .content-section-about.double {
    padding-bottom: 50px;
  }

  .content-section-about.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-about3 {
    padding-top: 50px;
  }

  .content-section-about3.double {
    padding-bottom: 50px;
  }

  .content-section-about3.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-3columns {
    padding-top: 50px;
  }

  .content-section-3columns.double {
    padding-bottom: 50px;
  }

  .content-section-3columns.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .column {
    height: auto;
  }

  .sources-mobile, .image-10 {
    width: 100%;
  }

  .paragraph-6 {
    position: static;
  }

  .flex-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .flex-copy.mobile-reverse {
    flex-wrap: wrap-reverse;
  }

  .column-7 {
    flex: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }

  .square-blue {
    float: none;
    width: 70px;
    height: 70px;
  }

  .column-8 {
    padding-left: 0;
  }

  .columns-4 {
    flex-flow: row;
    place-content: stretch flex-start;
    align-items: center;
    display: flex;
  }

  .square-red, .square-green, .square-yellow {
    float: none;
    width: 70px;
    height: 70px;
  }

  .content-section-blue {
    padding-top: 50px;
  }

  .content-section-blue.double {
    padding-bottom: 50px;
  }

  .content-section-blue.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h1-white {
    font-size: 42px;
    line-height: 45px;
  }

  .content-section-exp-spaces {
    padding-top: 50px;
    display: block;
  }

  .content-section-exp-spaces.double {
    padding-bottom: 50px;
  }

  .content-section-exp-spaces.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .div-block {
    margin-bottom: 10px;
  }

  .content-section-red {
    padding-top: 50px;
  }

  .content-section-red.double {
    padding-bottom: 50px;
  }

  .content-section-red.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .white-text {
    position: static;
  }

  .div-block-4 {
    margin-left: 0%;
    margin-right: 0%;
  }

  .image-small-right {
    max-width: 100%;
  }

  .content-section-background-image {
    padding-top: 50px;
  }

  .content-section-background-image.double {
    padding-bottom: 50px;
  }

  .content-section-background-image.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .quote-slider-section {
    margin-bottom: 30px;
    margin-right: auto;
    font-size: 30px;
    line-height: 45px;
  }

  .quote-box-slider {
    flex-direction: column;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 30px;
    display: flex;
  }

  .quote-slide-single {
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 30px;
    line-height: 40px;
  }

  .quote-question-absolute {
    width: 80%;
    margin-left: 10px;
    margin-right: 10px;
    font-size: 17px;
    line-height: 16px;
    left: auto;
    right: auto;
  }

  .quote-answer-small {
    font-size: 24px;
    line-height: 30px;
  }

  .left-arrow, .right-arrow {
    opacity: .2;
  }

  .icon-2, .icon-3 {
    margin-bottom: 0;
  }

  .italic-text-9 {
    font-size: 18px;
    line-height: 21px;
  }

  .div-multiples {
    margin-bottom: 10px;
  }

  .side-container-wide {
    width: 100%;
    margin-bottom: 30px;
    padding-right: 10px;
    position: static;
  }

  .content-section-yellow {
    padding-top: 50px;
  }

  .content-section-yellow.double {
    padding-bottom: 50px;
  }

  .content-section-yellow.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h1-black {
    font-size: 42px;
    line-height: 45px;
  }

  .content-section-green {
    padding-top: 50px;
  }

  .content-section-green.double {
    padding-bottom: 50px;
  }

  .content-section-green.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-exp-space-2 {
    padding-top: 50px;
    display: block;
  }

  .content-section-exp-space-2.double {
    padding-bottom: 50px;
  }

  .content-section-exp-space-2.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .h4-smaller {
    font-size: 22px;
    line-height: 33px;
  }

  .content-section-purple {
    padding-top: 80px;
  }

  .content-section-purple.double {
    padding-bottom: 50px;
  }

  .content-section-purple.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .content-section-spaces {
    padding-top: 50px;
  }

  .content-section-spaces.double {
    padding-bottom: 50px;
  }

  .content-section-spaces.inner-pages-double {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .column-10 {
    padding-bottom: 0;
  }

  .paragraph-7-50px {
    position: static;
  }

  .image90 {
    padding-left: 4px;
  }

  .image80 {
    padding-left: 0;
    padding-right: 0;
  }

  .image-cell-ila, .image-cell-copy, .image-cell-hamar, .image-cell-ullersmo, .image-cell-eids {
    width: 100%;
    margin-bottom: 30px;
  }

  .image85 {
    padding-left: 0;
    padding-right: 0;
  }

  .columns-6 {
    display: block;
  }

  .column-11 {
    margin-bottom: 20px;
  }

  .content-center {
    object-fit: fill;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .content-center.wide {
    max-width: 800px;
    padding-left: 15px;
    padding-right: 0;
  }

  .image-600h {
    object-fit: cover;
    height: 300px;
  }

  .columns-8 {
    width: 100%;
  }

  .spacehead {
    margin-bottom: 10px;
  }
}


@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}