@charset "UTF-8";
@import url("https://use.typekit.net/odo4gtb.css");
@import url("https://fonts.googleapis.com/css?family=Archivo+Narrow:400,400i&display=swap");
.image-rapper {
  overflow: hidden; }
  .image-rapper--4_3 {
    position: relative; }
    .image-rapper--4_3:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 75%; }
    .image-rapper--4_3 > * {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .image-rapper--4_3 > img {
      width: 100%; }
  .image-rapper--3_2 {
    position: relative; }
    .image-rapper--3_2:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 66.6666666667%; }
    .image-rapper--3_2 > * {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .image-rapper--3_2 > img {
      width: 100%; }
  .image-rapper--16_9 {
    position: relative; }
    .image-rapper--16_9:before {
      display: block;
      content: "";
      width: 100%;
      padding-top: 56.25%; }
    .image-rapper--16_9 > * {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0; }
    .image-rapper--16_9 > img {
      width: 100%; }

/* -------------------------------------------------------------
  Sass CSS3 Mixins! The Cross-Browser CSS3 Sass Library
  By: Matthieu Aussaguel, http://www.mynameismatthieu.com, @matthieu_tweets

  List of CSS3 Sass Mixins File to be @imported and @included as you need

  The purpose of this library is to facilitate the use of CSS3 on different browsers avoiding HARD TO READ and NEVER
  ENDING css files

  note: All CSS3 Properties are being supported by Safari 5
  more info: http://www.findmebyip.com/litmus/#css3-properties

------------------------------------------------------------- */
.section {
  padding: 2em 0; }
  .section--atf {
    overflow: hidden;
    height: 91vh;
    box-sizing: border-box; }
    @media (min-width: 768px) {
      .section--atf {
        height: 94vh; } }
    @media (min-width: 992px) {
      .section--atf {
        height: 91vh; } }
  .section--bright {
    background-color: white;
    color: black; }

.container {
  margin: 0 auto;
  padding: 0 10px 0 35px;
  max-width: 2000px; }
  @media (min-width: 480px) {
    .container {
      padding: 0 80px 0 80px; } }
  @media (min-width: 768px) {
    .container {
      padding: 0 120px; } }
  .container--center {
    text-align: center; }
  .container--footer {
    padding: 0 10px; }

html {
  -webkit-text-size-adjust: 100%;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-touch-action: none !important;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern";
  -webkit-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern";
  -moz-font-feature-settings: "kern=1";
  -webkit-hyphens: auto;
  -khtml-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto; }

body {
  background-color: black;
  color: white;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Archivo Narrow", "Arial Narrow", sans-serif;
  margin: 0;
  font-size: 18px; }
  @media (min-width: 1200px) {
    body {
      font-size: 20px; } }
  @media (min-width: 1850px) {
    body {
      font-size: 26px; } }
* {
  outline: none; }

::selection {
  background: rgba(255, 255, 255, 0.996);
  color: black; }

::-moz-selection {
  background: rgba(255, 255, 255, 0.996);
  color: black; }

.paragraph--emphasized::-moz-selection {
  background: rgba(255, 255, 255, 0.996);
  color: black; }

.section--bright ::selection {
  background: black;
  color: white; }

.section--bright ::-moz-selection {
  background: black;
  color: white; }

h1, h2, h3, h4 {
  margin: 0;
  font-weight: normal;
  line-height: 1; }

ul {
  padding-left: 1.3em;
  list-style-type: none; }

li {
  margin-bottom: 0.5em;
  text-indent: -1.2em; }
  li:before {
    content: "—";
    margin-right: 0.3em; }

a {
  color: inherit; }

@keyframes slidebg {
  to {
    background-position: 20vw; } }

@keyframes gradientBG {
  to {
    background-position: 200% center; } }

.link {
  text-decoration: underline; }
  .link:not(.link--inversed):hover, .link:not(.link--inversed):hover .link {
    text-decoration: none;
    background: linear-gradient(to right, #E7484F, #F68B1D, #FCED00, #009E4F, #00AAC3, #732982, #E7484F);
    background-size: 200% auto;
    background-clip: text;
    -webkit-background-clip: text;
    text-fill-color: transparent;
    -webkit-text-fill-color: transparent;
    animation: shine 800ms linear infinite; }

@keyframes shine {
  to {
    background-position: -200% center; } }
    @media all and (-ms-high-contrast: none) {
      .link:not(.link--inversed):hover, .link:not(.link--inversed):hover .link {
        background: none;
        color: inherit; } }
    .link:not(.link--inversed):hover *:not(.link), .link:not(.link--inversed):hover .link *:not(.link) {
      -webkit-text-fill-color: white; }
  .link--simple {
    text-decoration: none; }
  .link--title {
    text-decoration: none;
    overflow: hidden;
    display: inline-block; }
    .link--title:active {
      color: inherit; }
  .link--inversed .title {
    text-stroke-width: 0.45px;
    -webkit-text-stroke-width: 0.45px;
    text-stroke-color: black;
    -webkit-text-stroke-color: black;
    color: white; }
    @media all and (-ms-high-contrast: none) {
      .link--inversed .title {
        color: black; } }
  .link--inversed:hover .mask, .link--inversed.off .mask {
    background-position: 100% 0%; }
  .link .mask {
    position: absolute;
    color: transparent;
    background: linear-gradient(90deg, black 0%, black 100%);
    overflow: hidden;
    background-clip: text;
    -webkit-background-clip: text;
    background-size: 200% 100%;
    background-position: 200% 0%;
    background-repeat: no-repeat;
    padding-right: 7px;
    margin-right: -7px;
    -webkit-transition: 500ms;
    -khtml-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms; }
    @media all and (-ms-high-contrast: none) {
      .link .mask {
        display: none; } }
.title {
  font-family: "InterFace", "Arial Black", sans-serif;
  font-style: italic;
  font-weight: 700; }
  .title--logo {
    margin-top: 50vh;
    margin-left: calc(50% - 10px);
    display: inline-block;
    transform: translate(-50%, -70%);
    text-indent: -99999px;
    width: 100%;
    height: 300px;
    background-image: url(/assets/img/vdn-w.svg);
    background-size: 400%;
    background-position: 78.2%;
    background-repeat: no-repeat; }
    @media (min-width: 768px) {
      .title--logo {
        width: 120%;
        margin-left: 50%;
        background-size: contain;
        background-position: center; } }
    @media (min-width: 1200px) {
      .title--logo {
        width: 100%; } }
  .title--2 {
    font-size: 2.5em; }
    @media (min-width: 768px) {
      .title--2 {
        font-size: 3em; } }
  .title--3 {
    font-size: 1.5em; }
    .title--3:not(:first-of-type) {
      margin-top: 1.5em; }
  .title--thin {
    font-weight: 300 !important; }
  .title--break {
    -webkit-hyphens: auto;
    -khtml-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    -o-hyphens: auto;
    hyphens: auto; }

.paragraph {
  line-height: 1.3;
  margin-bottom: 0.5em; }
  .paragraph--intro {
    font-size: 1.7em;
    line-height: 1; }
    .paragraph--intro:first-of-type {
      margin-top: 0; }
    @media (min-width: 768px) {
      .paragraph--intro {
        font-size: 3em; } }
  .paragraph--emphasized {
    font-family: "InterFace", "Arial Black", sans-serif;
    font-size: 1.1em;
    font-style: italic; }
    .paragraph--emphasized:hover {
      background: linear-gradient(90deg, #22c1c3 0%, #fdbb2d 100%);
      background-clip: text;
      -webkit-background-clip: text;
      color: transparent;
      padding-right: 7px;
      margin-right: -7px; }
  .paragraph--subtitle {
    margin-top: 0.7em;
    margin-bottom: 3em; }

address {
  font-style: normal; }

.header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  pointer-events: none; }
  .header__link {
    display: inline-block;
    transform-origin: 0% 0%;
    transform: rotate(-90deg) translate(-100%);
    pointer-events: all; }
    .header__link.on:before {
      content: "";
      background: linear-gradient(to right, #E7484F, #F68B1D, #FCED00, #009E4F, #00AAC3, #732982, #E7484F);
      width: 100%;
      height: 100%;
      position: absolute;
      mask: url(/assets/img/vdn-s.svg);
      -webkit-mask: url(/assets/img/vdn-s.svg);
      animation: shine2 800ms linear infinite;
      background-size: 200% auto; }

@keyframes shine2 {
  to {
    background-position: -200% center; } }
  .header__logo {
    width: 200px; }
    @media (min-width: 480px) {
      .header__logo {
        width: 300px; } }
  .header__mail-icon {
    width: 28px;
    padding-top: 6px;
    padding-left: 10px; }
  .header__mail-address {
    opacity: 0;
    text-decoration: none;
    -webkit-transition: 500ms opacity;
    -khtml-transition: 500ms opacity;
    -moz-transition: 500ms opacity;
    -ms-transition: 500ms opacity;
    -o-transition: 500ms opacity;
    transition: 500ms opacity; }
  .header__mail {
    position: absolute;
    right: 0;
    padding: 10px 20px;
    pointer-events: all; }
    .header__mail:hover .header__mail-address {
      opacity: 1; }
    .header__mail:active {
      top: 1px; }

.footer {
  padding: 3em 1em 2em 1em;
  margin-top: 8em;
  text-align: center; }
  .footer__title {
    margin-top: 2em; }
  .footer__wrapper {
    display: block;
    margin: 0.5em 0.4em;
    line-height: 1.3em; }
  .footer__author {
    right: 0;
    margin-right: 2.5em;
    margin-top: 2em;
    opacity: 0.2;
    letter-spacing: 1px;
    font-size: 0.7em;
    text-align: center;
    width: 100%; }
    @media (min-width: 768px) {
      .footer__author {
        position: absolute;
        margin-top: 0;
        width: auto; } }
    .footer__author:hover {
      opacity: 1; }
  .footer__link {
    display: inline-block; }
    .footer__link--s {
      margin-top: 1em;
      opacity: 0.5; }

.services {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .services__item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 2em;
    text-align: center; }
    @media (min-width: 992px) {
      .services__item {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 33.33%;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
        box-sizing: border-box; }
        .services__item:nth-child(3n+1) {
          padding-right: 1em; }
        .services__item:nth-child(3n+2) {
          padding-left: 0.5em;
          padding-right: 0.5em; }
        .services__item:nth-child(3n+3) {
          padding-left: 1em; } }
  .services__header > * {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .services__image {
    width: 100%; }

.service-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid white; }
  .service-list__object {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    padding: 0.5em 1em;
    box-sizing: border-box; }
    @media (min-width: 992px) {
      .service-list__object {
        padding: 1.5em 2em;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%; } }
.support {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .support__object {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 2em; }
    @media (min-width: 992px) {
      .support__object {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 1em;
        box-sizing: border-box; } }
.projects {
  min-height: 100vh;
  overflow: hidden;
  position: relative; }
  .projects__title {
    margin-left: -0.55em; }
  .projects__head {
    -webkit-transition: 1000ms;
    -khtml-transition: 1000ms;
    -moz-transition: 1000ms;
    -ms-transition: 1000ms;
    -o-transition: 1000ms;
    transition: 1000ms;
    margin-left: 50px;
    position: relative;
    display: inline-block; }
    .projects__head.off {
      margin-left: 0; }
      .projects__head.off .arrow:not(.arrow--mask):before {
        opacity: 1; }
    .projects__head .arrow {
      font-size: 0.5em;
      display: inline; }
    .projects__head .arrow:not(.arrow--mask):before {
      content: "";
      position: relative;
      display: inline-block;
      width: 1em;
      height: 1em;
      margin-right: -1em;
      transform: skewX(-12deg) translate(1px, 2px);
      background-color: white;
      opacity: 0;
      -webkit-transition: 1000ms;
      -khtml-transition: 1000ms;
      -moz-transition: 1000ms;
      -ms-transition: 1000ms;
      -o-transition: 1000ms;
      transition: 1000ms; }

.project__head {
  z-index: 99;
  position: relative;
  max-height: 40vh;
  -webkit-transition: 1000ms;
  -khtml-transition: 1000ms;
  -moz-transition: 1000ms;
  -ms-transition: 1000ms;
  -o-transition: 1000ms;
  transition: 1000ms; }

.project__link {
  display: block; }

.project__title {
  white-space: nowrap; }

.project__subtitle {
  margin-bottom: 0.5em; }
  @media (min-width: 768px) {
    .project__subtitle {
      margin-bottom: 3em; } }
.project__full {
  text-stroke-width: 0;
  -webkit-text-stroke-width: 0;
  color: transparent;
  background: linear-gradient(90deg, black 0%, black 100%);
  overflow: hidden;
  background-clip: text;
  -webkit-background-clip: text;
  background-size: 200% 100%;
  background-position: 200% 0%;
  background-repeat: no-repeat;
  padding-right: 7px;
  margin-right: -7px;
  -webkit-transition: 500ms;
  -khtml-transition: 500ms;
  -moz-transition: 500ms;
  -ms-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms; }
  @media all and (-ms-high-contrast: none) {
    .project__full {
      background: none; } }
.project__content {
  z-index: 100;
  position: relative;
  left: 50vw;
  opacity: 0;
  box-sizing: border-box;
  padding-right: 1em;
  max-height: 0;
  -webkit-transition: max-height 100ms 300ms, left 1000ms, opacity 500ms;
  -khtml-transition: max-height 100ms 300ms, left 1000ms, opacity 500ms;
  -moz-transition: max-height 100ms 300ms, left 1000ms, opacity 500ms;
  -ms-transition: max-height 100ms 300ms, left 1000ms, opacity 500ms;
  -o-transition: max-height 100ms 300ms, left 1000ms, opacity 500ms;
  transition: max-height 100ms 300ms, left 1000ms, opacity 500ms; }
  @media (min-width: 992px) {
    .project__content {
      width: 50%;
      padding-right: 3em;
      overflow: hidden; } }
.project__image {
  width: 100%;
  z-index: 1;
  opacity: 0;
  max-height: 0;
  display: block;
  filter: brightness(1.3) saturate(0.4);
  -webkit-transition: max-height 500ms, opacity 1000ms, top 2000ms;
  -khtml-transition: max-height 500ms, opacity 1000ms, top 2000ms;
  -moz-transition: max-height 500ms, opacity 1000ms, top 2000ms;
  -ms-transition: max-height 500ms, opacity 1000ms, top 2000ms;
  -o-transition: max-height 500ms, opacity 1000ms, top 2000ms;
  transition: max-height 500ms, opacity 1000ms, top 2000ms; }
  @media (min-width: 992px) {
    .project__image {
      -webkit-transition: max-height 1ms 1000ms, opacity 1000ms, top 2000ms;
      -khtml-transition: max-height 1ms 1000ms, opacity 1000ms, top 2000ms;
      -moz-transition: max-height 1ms 1000ms, opacity 1000ms, top 2000ms;
      -ms-transition: max-height 1ms 1000ms, opacity 1000ms, top 2000ms;
      -o-transition: max-height 1ms 1000ms, opacity 1000ms, top 2000ms;
      transition: max-height 1ms 1000ms, opacity 1000ms, top 2000ms;
      position: absolute;
      width: 40vw;
      top: 50px;
      right: 10px; } }
.project__quote-wrapper {
  margin-top: 4em;
  display: inline-block; }
  @media (min-width: 768px) {
    .project__quote-wrapper {
      margin-top: 6em; } }
.project__quote {
  padding-bottom: 0.3em;
  margin-bottom: 0.3em;
  margin-left: 1em;
  display: inline-block;
  font-size: 1.3em;
  font-style: italic;
  border-bottom: 5px black solid;
  left: 400px;
  position: relative;
  -webkit-transition: 1300ms;
  -khtml-transition: 1300ms;
  -moz-transition: 1300ms;
  -ms-transition: 1300ms;
  -o-transition: 1300ms;
  transition: 1300ms;
  opacity: 0;
  quotes: "«" "»";
  text-indent: -0.45em; }
  @media (min-width: 768px) {
    .project__quote {
      padding-right: 2em; } }
.project__quote-author {
  float: right; }

.project__object {
  position: relative;
  margin-left: 2em;
  right: 0;
  -webkit-transition: 1000ms;
  -khtml-transition: 1000ms;
  -moz-transition: 1000ms;
  -ms-transition: 1000ms;
  -o-transition: 1000ms;
  transition: 1000ms; }
  @media (min-width: 768px) {
    .project__object {
      margin-left: 3em; } }
  .project__object.open {
    margin-left: 0; }
    .project__object.open .project__title {
      white-space: normal; }
    .project__object.open .project__content {
      display: block;
      left: 0;
      opacity: 1;
      max-height: 100vh;
      -webkit-transition: max-height 100ms, left 1000ms, opacity 500ms;
      -khtml-transition: max-height 100ms, left 1000ms, opacity 500ms;
      -moz-transition: max-height 100ms, left 1000ms, opacity 500ms;
      -ms-transition: max-height 100ms, left 1000ms, opacity 500ms;
      -o-transition: max-height 100ms, left 1000ms, opacity 500ms;
      transition: max-height 100ms, left 1000ms, opacity 500ms; }
    .project__object.open .project__full {
      background-position: 100% 0%;
      margin-right: 2px; }
      @media all and (-ms-high-contrast: none) {
        .project__object.open .project__full {
          background: none;
          color: black; } }
    .project__object.open .project__image {
      opacity: 1;
      top: -50px;
      max-height: 100vh;
      -webkit-transition: max-height 500ms, opacity 1000ms, top 2000ms;
      -khtml-transition: max-height 500ms, opacity 1000ms, top 2000ms;
      -moz-transition: max-height 500ms, opacity 1000ms, top 2000ms;
      -ms-transition: max-height 500ms, opacity 1000ms, top 2000ms;
      -o-transition: max-height 500ms, opacity 1000ms, top 2000ms;
      transition: max-height 500ms, opacity 1000ms, top 2000ms; }
      @media (min-width: 992px) {
        .project__object.open .project__image {
          -webkit-transition: max-height 1ms, opacity 1000ms, top 2000ms;
          -khtml-transition: max-height 1ms, opacity 1000ms, top 2000ms;
          -moz-transition: max-height 1ms, opacity 1000ms, top 2000ms;
          -ms-transition: max-height 1ms, opacity 1000ms, top 2000ms;
          -o-transition: max-height 1ms, opacity 1000ms, top 2000ms;
          transition: max-height 1ms, opacity 1000ms, top 2000ms; } }
    .project__object.open .project__quote {
      left: 0;
      opacity: 1; }
    .project__object.open .mask {
      background-position: 100% 0%; }
  .project__object.hide {
    right: 50vw;
    opacity: 0; }
    .project__object.hide .project__head {
      max-height: 0; }

.partner__object {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 1px solid transparent;
  padding: 0.95em 1em 1.05em 1em;
  margin: 0.5em 0;
  -webkit-transition: 2s border-color;
  -khtml-transition: 2s border-color;
  -moz-transition: 2s border-color;
  -ms-transition: 2s border-color;
  -o-transition: 2s border-color;
  transition: 2s border-color; }
  .partner__object:hover {
    border-color: white;
    -webkit-transition: 500ms border-color;
    -khtml-transition: 500ms border-color;
    -moz-transition: 500ms border-color;
    -ms-transition: 500ms border-color;
    -o-transition: 500ms border-color;
    transition: 500ms border-color; }
  .partner__object:active {
    padding: calc(0.95em + 1px) 1em calc(1.05em - 1px) 1em; }
  @media (min-width: 1200px) {
    .partner__object {
      -webkit-flex-wrap: nowrap;
      -moz-flex-wrap: nowrap;
      -ms-flex-wrap: none;
      flex-wrap: nowrap; } }
.partner__title {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  line-height: 1;
  margin-top: auto; }
  @media (min-width: 992px) {
    .partner__title {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 60%;
      -moz-box-flex: 1;
      -moz-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
      flex: 1 1 60%; } }
  @media (min-width: 1200px) {
    .partner__title {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 19em;
      -moz-box-flex: 0;
      -moz-flex: 0 0 19em;
      -ms-flex: 0 0 19em;
      flex: 0 0 19em;
      min-width: 19em; } }
.partner__description {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: auto;
  padding-right: 1em; }
  .partner__description > * {
    margin: 0;
    line-height: 1.1; }
  @media (min-width: 992px) {
    .partner__description {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 60%;
      -moz-box-flex: 1;
      -moz-flex: 1 1 60%;
      -ms-flex: 1 1 60%;
      flex: 1 1 60%; } }
  @media (min-width: 1200px) {
    .partner__description {
      -webkit-box-flex: 1;
      -webkit-flex: 1 1 auto;
      -moz-box-flex: 1;
      -moz-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; } }
.partner__address {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  margin-top: auto; }
  @media (min-width: 992px) {
    .partner__address {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      -moz-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto; } }
  @media (min-width: 1200px) {
    .partner__address {
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 11em;
      -moz-box-flex: 0;
      -moz-flex: 0 0 11em;
      -ms-flex: 0 0 11em;
      flex: 0 0 11em;
      min-width: 11em; } }
.staff {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .staff__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 2em; }
    @media (min-width: 992px) {
      .staff__image {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 34%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 34%;
        -ms-flex: 0 0 34%;
        flex: 0 0 34%;
        max-width: 34%;
        box-sizing: border-box;
        padding: 10px; } }
  .staff__text {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -moz-box-flex: 0;
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 2em; }
    @media (min-width: 992px) {
      .staff__text {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66%;
        -moz-box-flex: 0;
        -moz-flex: 0 0 66%;
        -ms-flex: 0 0 66%;
        flex: 0 0 66%;
        max-width: 66%;
        padding: 1em 2em;
        box-sizing: border-box; } }