.primary-heading {
  font-weight: normal; }

.page-heading {
  font-size: 1.1rem;
  font-family: "Nexa";
  letter-spacing: 0.2rem;
  color: #343637;
  text-transform: uppercase;
  margin-bottom: 20px; }

.about-page-section-container {
  overflow: hidden;
  margin-top: -130px;
  background-color: #A2BDD5; }

.about-page-section-header {
  background: #ddd url(/images/about/grid-bg.jpg); }

.about-page-section-header {
  padding-top: 130px;
  padding-bottom: 100px;
  text-align: center; }
  .about-page-section-header .heading {
    font-family: "Nexa";
    font-size: 2rem; }
  .about-page-section-header p {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0 0 2rem; }

.about-page-section {
  position: relative; }
  .about-page-section > .inner {
    position: relative;
    z-index: 100; }
    .about-page-section > .inner img {
      width: 100%; }
  .about-page-section:before {
    background-position: 0 bottom;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 500px; }
  .about-page-section.section-intro {
    margin-top: -150px;
    padding: 150px 0 0;
    background: url(/images/about/hills.png) no-repeat center top; }
  .about-page-section.section-purpose {
    padding: 200px 0;
    margin-top: -200px;
    background: url(/images/about/blue.png) no-repeat center top/auto 100%; }
  .about-page-section.section-we-focus-on {
    margin-top: -350px;
    padding: 200px 0 0;
    min-height: 900px;
    background: url(/images/about/mid-blue.png) no-repeat center top/auto 100%; }
    .about-page-section.section-we-focus-on .category-bubbles {
      padding: 0 10%;
      margin-top: 0px;
      text-align: center; }
      .about-page-section.section-we-focus-on .category-bubbles .component-category {
        color: black;
        display: inline-block;
        width: 32%;
        margin: 0 auto; }
        .about-page-section.section-we-focus-on .category-bubbles .component-category .yom-icon-color {
          font-size: 4rem;
          background: white;
          padding: 5px;
          margin: 10px 0;
          border-radius: 100px;
          display: inline-block; }
  .about-page-section.section-matias {
    padding: 300px 0 150px;
    margin-top: -200px;
    background: url(/images/about/hills2.png) no-repeat center top/auto 100%; }
  .about-page-section .ogre {
    display: none; }
  .about-page-section.section-animations {
    padding: 100px 0 10px;
    margin-top: -120px;
    background: url(/images/about/snow-drop.png) no-repeat center center/auto 100%; }
  .about-page-section.section-we-live-here {
    display: none; }
  .about-page-section.section-map {
    padding: 350px 0 150px;
    margin-top: -300px;
    background: url(/images/about/map-area.png) no-repeat center 0/auto 100%; }
  .about-page-section.section-breakdown {
    padding: 0px 0 200px;
    background: url(/images/about/mountain-shelf.png) no-repeat center bottom/150% auto; }
    .about-page-section.section-breakdown > .inner {
      position: static;
      background: url(/images/about/quotes/mobile/quote2.png) no-repeat center 0/auto 100%;
      min-height: 350px;
      padding: 10% 15%; }
    .about-page-section.section-breakdown img {
      position: absolute;
      width: 150%;
      left: -37.5%;
      bottom: 0; }
  .about-page-section.section-creative-area {
    color: white;
    background: url(/images/about/bottom-shelf.png) no-repeat center top/auto 100%;
    padding: 10% 0; }
    .about-page-section.section-creative-area ul, .about-page-section.section-creative-area li, .about-page-section.section-creative-area ol {
      padding: 0;
      margin: 0;
      display: block; }
  .about-page-section.section-footer .heading {
    font-size: 4rem; }
  .about-page-section.section-footer .blurb {
    font-family: "Nexa";
    font-size: 1.33333rem;
    width: 50%;
    margin: 0 auto 2rem;
    font-weight: bold; }
  .about-page-section.section-footer > .inner {
    padding: 10%;
    text-align: center; }

.we-focus-on {
  background: url(/images/about/quotes/mobile/qfocus.png) no-repeat 0 0/100% auto;
  max-width: 300px;
  font-size: 1.5rem;
  min-height: 150px;
  margin: 0 auto;
  text-align: center; }
  .we-focus-on .inner {
    padding: 10% 10%; }

.intro-quote {
  background: url(/images/about/quotes/mobile/quote1.png) no-repeat center top/auto 100%; }
  .intro-quote .inner {
    padding: 10% 10%; }
  .intro-quote h3 {
    font-weight: bold;
    font-size: 1.2rem; }

.purpose-quote {
  background: url(/images/about/quotes/mobile/quote2.png) no-repeat center top/auto 100%; }
  .purpose-quote .inner {
    padding: 10% 15%; }
    .purpose-quote .inner h3 {
      font-weight: bold;
      font-size: 1.2rem; }

.matias-quote .matias {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 60% !important;
  top: -10%; }

.matias-quote .inner {
  background: url(/images/about/quotes/mobile/quote1.png) no-repeat center top/auto 100%;
  padding: 50% 10% 10%; }

.animations-quote {
  text-align: center;
  display: block;
  background: url(/images/about/quotes/mobile/fq2.png) no-repeat center 0/80% auto;
  min-height: 180px; }
  .animations-quote .inner {
    font-size: 1.3rem;
    padding: 12% 15% 0% 20%;
    min-height: 50px; }

.speaking-events-quote {
  text-align: center;
  background: url(/images/about/quotes/mobile/quote2.png) no-repeat center 0/auto 100%;
  min-height: 290px; }
  .speaking-events-quote .inner {
    padding: 20% 10%;
    min-height: 50px; }

.creative-point-countries {
  position: relative; }

.creative-heading-quote {
  background: url(/images/about/quotes/mobile/aq0.png) no-repeat center 0/100% auto;
  padding-bottom: 20px; }
  .creative-heading-quote .inner {
    color: black;
    padding: 10%;
    font-size: 1rem;
    min-height: 150px;
    text-align: center;
    min-height: 50px; }

.lived-and-worked-quote {
  background: url(/images/about/quotes/mobile/aq1.png) no-repeat center 0/100% auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  margin: 0 auto;
  display: inline-block;
  min-height: 170px; }
  .lived-and-worked-quote .inner {
    font-size: 1rem;
    text-align: center;
    padding: 4vw 15%;
    color: black; }

.creative-point-books {
  position: relative;
  margin-top: -50px;
  padding: 100px 0 50px !important; }
  .creative-point-books .kombucha {
    display: none !important; }
  .creative-point-books .quote-content {
    background: url(/images/about/quotes/mobile/aq2.png) no-repeat center 0/100% auto;
    color: black;
    position: absolute;
    top: 0%;
    left: 0;
    min-height: 250px;
    width: 70%; }
    .creative-point-books .quote-content .inner {
      padding: 10% 15%;
      font-size: 0.8rem; }

.creative-point-kombucha {
  position: relative;
  text-align: right; }
  .creative-point-kombucha img {
    width: 50% !important;
    display: inline-block; }
  .creative-point-kombucha .quote-content {
    text-align: left;
    position: absolute;
    top: 5%;
    left: 0;
    width: 55%;
    min-height: 100px;
    background: url(/images/about/quotes/mobile/aq3.png) no-repeat center 0/100% auto;
    color: black;
    min-height: 190px; }
    .creative-point-kombucha .quote-content .inner {
      padding: 10% 20%; }

.lived-usa {
  position: relative;
  margin: 50px 0; }
  .lived-usa .quote-avatar {
    width: 60%; }
  .lived-usa .quote-content {
    font-size: 1.3rem;
    text-align: center;
    position: absolute;
    top: 60%;
    text-align: center;
    right: 0;
    min-height: 100px;
    width: 45%;
    min-height: 150px; }
    .lived-usa .quote-content .inner {
      padding: 20% 20% 20% 30%; }

.lived-finland {
  margin-top: -30px;
  position: relative; }
  .lived-finland .quote-avatar {
    width: 70%; }
  .lived-finland .quote-content {
    position: absolute;
    top: 10%;
    text-align: center;
    right: 0;
    width: 40%;
    min-height: 150px; }
    .lived-finland .quote-content .inner {
      padding: 20% 20% 20% 30%; }

.lived-canada {
  position: relative;
  text-align: right;
  margin-top: -30px; }
  .lived-canada .quote-avatar {
    width: 70%;
    display: inline-block; }
  .lived-canada .quote-content {
    text-align: center;
    position: absolute;
    top: 50%;
    text-align: center;
    left: 0;
    min-height: 150px;
    width: 40%; }
    .lived-canada .quote-content .inner {
      padding: 20% 30% 20% 20%; }

.lived-usa-quote {
  background: url(/images/about/quotes/mobile/aq4.png) no-repeat 0 0/100% auto;
  color: black; }
  .lived-usa-quote .inner {
    padding: 10%;
    min-height: 50px; }

.lived-finland-quote {
  background: url(/images/about/quotes/mobile/aq4.png) no-repeat 0 0/100% auto;
  color: black; }
  .lived-finland-quote .inner {
    padding: 10%;
    min-height: 50px; }

.lived-canada-quote {
  background: url(/images/about/quotes/mobile/aq5.png) no-repeat 0 0/100% auto;
  color: black; }
  .lived-canada-quote .inner {
    padding: 10%;
    min-height: 50px; }

.quote-content sub {
  display: none; }

.youre-leaving-quote,
.miss-you-quote {
  text-align: center;
  color: black; }
  .youre-leaving-quote .inner,
  .miss-you-quote .inner {
    font-size: 2rem; }

.locations {
  text-align: center; }
  .locations, .locations li {
    display: block; }