/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined for any HTML5 element in IE 8/9. Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. Correct `block` display not defined for `main` in IE 11. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

/** 1. Correct `inline-block` display not defined in IE 8/9. 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */
audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9/10. Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background-color: transparent; text-decoration: none; }

a:hover { text-decoration: underline; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* Text-level semantics ========================================================================== */
/** Address styling not present in IE 8/9/10/11, Safari, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */
b, strong { font-weight: bold; }

/** Address styling not present in Safari and Chrome. */
dfn { font-style: italic; }

/** Address variable `h1` font-size and margin within `section` and `article` contexts in Firefox 4+, Safari, and Chrome. */
h1 { margin: 0.67em 0; text-transform: uppercase; font-size: 2em; }

/** List styles */
ul { padding: 0; list-style-type: none; margin-top: 10px; margin-bottom: 10px; }

/** Address styling not present in IE 8/9. */
mark { background: #ff0; color: #000; }

/** Address inconsistent and variable font size in all browsers. */
small { font-size: 80%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9/10. */
img { border: 0; }

/** Correct overflow not hidden in IE 9/10/11. */
svg:not(:root) { overflow: hidden; }

/* Grouping content ========================================================================== */
/** Address margin not present in IE 8/9 and Safari. */
figure { margin: 1em 40px; }

/** Address differences between Firefox and other browsers. */
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }

/** Contain overflow in all browsers. */
pre { overflow: auto; }

/** Address odd `em`-unit font size rendering in all browsers. */
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; }

/* Forms ========================================================================== */
/** Known limitation: by default, Chrome and Safari on OS X allow very limited styling of `select`, unless a `border` property is set. */
/** 1. Correct color not being inherited. Known issue: affects color of disabled elements. 2. Correct font properties not being inherited. 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */
button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ }

/** Address `overflow` set to `hidden` in IE 8/9/10/11. */
button { overflow: visible; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. Correct `select` style inheritance in Firefox. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
input { line-height: normal; }

/** It's recommended that you don't attempt to style these elements. Firefox's implementation doesn't respect box-sizing, padding, or width. 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** Fix the cursor style for Chrome's increment/decrement buttons. For certain `font-size` values of the `input`, it causes the cursor style of the decrement button to change from `default` to `text`. */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }

/** 1. Address `appearance` set to `searchfield` in Safari and Chrome. 2. Address `box-sizing` set to `border-box` in Safari and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari and Chrome on OS X. Safari (but not Chrome) clips the cancel button when the search input has padding (and `textfield` appearance). */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9/10/11. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** Remove default vertical scrollbar in IE 8/9/10/11. */
textarea { overflow: auto; }

/** Don't inherit the `font-weight` (applied by a rule above). NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */
optgroup { font-weight: bold; }

/* Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

td, th { padding: 0; }

::-webkit-scrollbar { background: transparent; overflow: visible; width: 16px; }

::-webkit-scrollbar-thumb { background-clip: padding-box !important; border-radius: 10px; background-color: #cccccc; border: solid transparent; border: 5px solid transparent; }

::-webkit-scrollbar-thumb:hover { background-color: #a6a6a6; }

::-webkit-scrollbar-thumb:horizontal { min-width: 40px; }

::-webkit-scrollbar-thumb:vertical { min-height: 40px; }

::-webkit-scrollbar-track { background-color: transparent; }

::-webkit-scrollbar-track:hover { background-color: rgba(0, 0, 0, 0.05); }

::-webkit-scrollbar-corner { background: transparent; }

/*====================================*/
/* EXTENDS */
/*====================================*/
.wrapper, .c-footer__signature, .l-motives__options { *zoom: 1; }

.wrapper::before, .c-footer__signature::before, .l-motives__options::before, .wrapper::after, .c-footer__signature::after, .l-motives__options::after { content: ""; display: table; }

.wrapper::after, .c-footer__signature::after, .l-motives__options::after { clear: both; }

.wrapper, .air, .c-navigation__item a, .c-heading, .l-intro__logo, .l-motives__unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

.l-intro, .l-how__content, .l-how__adn { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; }

/*====================================*/
/* MIXINS */
/*====================================*/
body { margin: 0; padding: 0; font-family: "Roboto", "Helvetica", "Arial", sans-serif; font-size: 1.3rem; line-height: 1.6rem; }

textarea { font-size: 1em; resize: none; }

input { font-size: 1em; }

/* Activate if necesary */
input, select, textarea, button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; }

.wrapper { position: relative; width: 100%; margin-right: auto; margin-left: auto; }

.wrapper--full { padding-left: 0; padding-right: 0; }

.wrapper--xxl { max-width: 1920px; padding-left: 0; padding-right: 0; }

.wrapper--xl { max-width: 1600px; }

.wrapper--x { max-width: 1280px; }

.wrapper--lg { max-width: 1170px; }

.wrapper--md { max-width: 970px; }

.wrapper--sm { max-width: 750px; }

.wrapper--xsm { max-width: 600px; }

.wrapper--xs { max-width: 450px; }

.air { padding: 10px; }

.air--horz { padding: 0 10px; }

.air--vert { padding: 10px 0; }

.fx-content { background-color: transparent; }

.u-diagonalAir { padding: 100px 0 300px 0; }

@media only screen and (max-width: 1024px) { .u-diagonalAir { padding-bottom: 200px; } }

@media only screen and (max-width: 800px) { .u-diagonalAir { padding-bottom: 150px; } }

.c-diagonal { width: calc(100% + 2px); margin-bottom: 25px; position: absolute; bottom: -26px; left: 0; right: 0; }

@media only screen and (min-width: 1920px) { .c-diagonal { width: 100%; } }

@media only screen and (max-width: 801px) { .c-diagonal { width: calc(100% + 5px); } }

@media only screen and (max-width: 640px) { .c-diagonal { width: calc(100% + 2px); bottom: -26px; } }

.l-how, .l-motives, .l-intro, .c-footer { width: 100%; background-color: #1D1D1B; }

.l-why, .l-what { width: 100%; position: relative; background-color: #fff; }

.c-footer { margin-top: -1px; }

.errormsg { margin-top: 5px; font-size: 13px; color: #ff1744; }

.errormsg::after { content: '\0000a0'; }

.errorval { box-shadow: inset 0 0 0 2px #ff1744; }

.c-navigation { background-color: #fff; border-bottom: 1px solid #000; }

.c-navigation__brand { display: inline-block; float: left; padding: 15px 10px 10px 0; }

.c-navigation__brand img { height: auto; max-width: 111px; }

.c-navigation__menu { margin: 0; float: right; }

@media only screen and (max-width: 800px) { .c-navigation__menu { width: 100%; display: none; flex-wrap: wrap; justify-content: center; text-align: center; } }

.c-navigation__item { float: left; font-weight: 700; font-size: 1rem; }

@media only screen and (max-width: 800px) { .c-navigation__item { width: calc(100%/3); text-align: center; } }

@media only screen and (max-width: 640px) { .c-navigation__item { width: 100%; } }

.c-navigation__item a { display: inline-block; padding: 20px 0px 20px 40px; white-space: nowrap; max-width: 200px; max-height: 50px; overflow: hidden; text-overflow: ellipsis; color: #000; }

@media only screen and (max-width: 800px) { .c-navigation__item a { width: 100%; } }

@media only screen and (max-width: 640px) { .c-navigation__item a { width: 100%; display: inline-block; max-width: 100%; padding: 20px 0; } }

.c-navigation__bars { float: right; padding: 15px 0 10px 15px; font-size: 1rem; }

@media only screen and (min-width: 801px) { .c-navigation__bars { display: none; } }

.navSeparator { margin-bottom: -1px; background-color: #1D1D1B; }

.c-footer { margin-top: -1px; padding-top: 100px; font-size: 1.5rem; font-weight: 700; color: #fff; }

@media only screen and (max-width: 640px) { .c-footer { font-size: 1.3rem; } }

.c-footer .c-data { opacity: 0; }

.c-footer .c-data .c-heading { margin-bottom: 30px; }

@media only screen and (max-width: 800px) { .c-footer .c-data .c-heading { text-align: left; } }

.c-footer__list { width: 100%; margin-bottom: 20px; }

.c-footer li { display: block; margin-bottom: 40px; }

.c-footer li span { display: block; margin-top: 5px; font-weight: 300; }

.c-footer__signature { width: 100%; margin-bottom: 120px; border-bottom: 1px solid #fff; }

.c-footer__img { float: right; }

@media only screen and (max-width: 640px) { .c-footer__img { float: left; } }

.c-footer__img img { float: left; margin: 0 0 25px 25px; }

@media only screen and (max-width: 640px) { .c-footer__img img { margin: 0 25px 25px 0; } }

.c-footer__contact { margin-bottom: 100px; }

.c-footer__contact p { font-weight: 300; }

.autoHideNav { position: fixed; z-index: 100; width: 100%; top: 0; left: 0; transition: all 0.3s ease 0s; }

.autoHideNav.is-hidden { transform: translateY(-100%); }

.c-heading { width: 100%; margin-bottom: 100px; word-break: keep-all; color: #fff; text-transform: none; font-size: 3.5rem; line-height: 4rem; }

@media only screen and (max-width: 800px) { .c-heading { font-size: 2rem; line-height: 2.5rem; text-align: center; } }

.c-heading_dark { color: #000; }

.c-heading__highligth { display: block; text-transform: uppercase; }

.c-data { float: left; max-width: calc(50% - 30px); margin-right: 30px; }

.c-data:last-child { margin-right: 0; }

@media only screen and (max-width: 640px) { .c-data { max-width: 100%; margin-right: 0; } }

.c-data .c-heading { margin-bottom: 60px; }

@media only screen and (max-width: 800px) { .c-data .c-heading { margin-bottom: 30px; } }

.c-data__list li::before { content: '- '; }

.c-data__paragraph, .c-data .c-miscBar { clear: both; }

.c-data_clear { color: #fff; }

.c-data_clear .c-miscBar { background-color: #fff; }

.c-data_reverse { float: right; max-width: calc(50% - 30px); margin-left: 30px; margin-right: 0; }

@media only screen and (max-width: 640px) { .c-data_reverse { max-width: 100%; margin-left: 0; float: none; } }

.c-data_full { max-width: 100%; float: none; }

.c-miscBar { height: 13px; width: 60px; background-color: #000; }

.u-highligth { text-transform: uppercase; font-weight: 700; }

.an-bounceInBck { -webkit-animation: bounce-in-bck 1.1s both; -moz-animation: bounce-in-bck 1.1s both; animation: bounce-in-bck 1.1s both; }

@-webkit-keyframes bounce-in-bck { 0% { -webkit-transform: scale(7);
    -webkit-transform-transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in;
    opacity: 0; }
  38% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out;
    opacity: 1; }
  55% { -webkit-transform: scale(1.5);
    -webkit-transform-transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in; }
  72% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out; }
  81% { -webkit-transform: scale(1.24);
    -webkit-transform-transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in; }
  89% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out; }
  95% { -webkit-transform: scale(1.04);
    -webkit-transform-transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in; }
  100% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out; } }

@keyframes bounce-in-bck { 0% { -webkit-transform: scale(7);
    -webkit-transform-transform: scale(7);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in;
    opacity: 0; }
  38% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out;
    opacity: 1; }
  55% { -webkit-transform: scale(1.5);
    -webkit-transform-transform: scale(1.5);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in; }
  72% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out; }
  81% { -webkit-transform: scale(1.24);
    -webkit-transform-transform: scale(1.24);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in; }
  89% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out; }
  95% { -webkit-transform: scale(1.04);
    -webkit-transform-transform: scale(1.04);
    -webkit-animation-timing-function: ease-in;
    -webkit-animation-timing-function-animation-timing-function: ease-in; }
  100% { -webkit-transform: scale(1);
    -webkit-transform-transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-timing-function-animation-timing-function: ease-out; } }

.an-fadeIn { -webkit-animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) backwards; -moz-animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) backwards; animation: fade-in 2s cubic-bezier(0.39, 0.575, 0.565, 1) backwards; }

@-webkit-keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

@keyframes fade-in { 0% { opacity: 0; }
  100% { opacity: 1; } }

.an-wobble { -webkit-animation: wobble-hor-bottom 0.8s forwards; -moz-animation: wobble-hor-bottom 0.8s forwards; animation: wobble-hor-bottom 0.8s forwards; }

@-webkit-keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%);
    -webkit-transform-transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    -webkit-transform-origin-transform-origin: 50% 50%; }
  15% { -webkit-transform: translateX(-30px) rotate(-6deg);
    -webkit-transform-transform: translateX(-30px) rotate(-6deg); }
  30% { -webkit-transform: translateX(15px) rotate(6deg);
    -webkit-transform-transform: translateX(15px) rotate(6deg); }
  45% { -webkit-transform: translateX(-15px) rotate(-3.6deg);
    -webkit-transform-transform: translateX(-15px) rotate(-3.6deg); }
  60% { -webkit-transform: translateX(9px) rotate(2.4deg);
    -webkit-transform-transform: translateX(9px) rotate(2.4deg); }
  75% { -webkit-transform: translateX(-6px) rotate(-1.2deg);
    -webkit-transform-transform: translateX(-6px) rotate(-1.2deg); } }

@keyframes wobble-hor-bottom { 0%, 100% { -webkit-transform: translateX(0%);
    -webkit-transform-transform: translateX(0%);
    -webkit-transform-origin: 50% 50%;
    -webkit-transform-origin-transform-origin: 50% 50%; }
  15% { -webkit-transform: translateX(-30px) rotate(-6deg);
    -webkit-transform-transform: translateX(-30px) rotate(-6deg); }
  30% { -webkit-transform: translateX(15px) rotate(6deg);
    -webkit-transform-transform: translateX(15px) rotate(6deg); }
  45% { -webkit-transform: translateX(-15px) rotate(-3.6deg);
    -webkit-transform-transform: translateX(-15px) rotate(-3.6deg); }
  60% { -webkit-transform: translateX(9px) rotate(2.4deg);
    -webkit-transform-transform: translateX(9px) rotate(2.4deg); }
  75% { -webkit-transform: translateX(-6px) rotate(-1.2deg);
    -webkit-transform-transform: translateX(-6px) rotate(-1.2deg); } }

.l-intro { align-items: center; justify-content: center; flex-direction: column; padding: 150px 0 130px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

@media only screen and (max-width: 640px) { .l-intro { padding: 80px 0; } }

.l-intro__logo { width: 100%; padding: 0 15px; max-width: 600px; margin-left: auto; margin-right: auto; }

@media only screen and (max-width: 640px) { .l-intro__logo { -webkit-animation-delay: 1s; animation-delay: 1s; } }

.l-intro__logo img { width: 100%; max-width: 100%; margin-bottom: 50px; }

.l-intro__btn { padding: 10px 11px; border-radius: 100px; background-color: #fff; transition: all 0.3s ease 0s; color: #1D1D1B; }

.l-intro__btn:hover { opacity: 0.75; transform: translateY(5px); }

.l-motives { position: relative; padding-top: 100px; }

.l-motives__options { width: 100%; }

@media only screen and (max-width: 800px) { .l-motives__options { display: block; max-width: 500px; margin-left: auto; margin-right: auto; } }

.l-motives__unit { width: calc(100% / 3); display: inline-block; float: left; padding: 0 15px; border-right: 1px solid #fff; text-align: center; transition: all 0.3s ease 0s; text-decoration: none; }

.l-motives__unit:hover { text-decoration: none; }

@media only screen and (max-width: 800px) { .l-motives__unit { width: 100%; border-right: 0; border-bottom: 1px solid #fff; padding-bottom: 30px; margin-bottom: 30px; } }

.l-motives__unit:last-child { border-right: 0; border-bottom: 0; }

.l-motives__unit img { width: 160px; max-width: 100%; }

.l-motives__unit img:hover { -webkit-animation: wobble-hor-bottom 0.8s forwards; -moz-animation: wobble-hor-bottom 0.8s forwards; animation: wobble-hor-bottom 0.8s forwards; }

.l-motives__text { display: block; margin-top: 15px; text-transform: uppercase; font-weight: 700; color: #fff; }

@media only screen and (max-width: 640px) { .l-motives .c-heading__highligth { display: inline; } }

@media only screen and (max-width: 640px) { .l-why .c-data { max-width: 100%; margin-bottom: 30px; } }

.l-why__footprint { float: left; max-width: 50%; max-height: 370px; }

@media only screen and (max-width: 640px) { .l-why__footprint { max-width: 100%; } }

.l-why .c-heading { text-align: left; }

.l-why .c-data, .l-why .l-why__footprint { opacity: 0; }

.l-how { position: relative; }

.l-how__content { align-items: center; justify-content: space-between; opacity: 0; }

@media only screen and (max-width: 640px) { .l-how__content { flex-direction: column; } }

@media only screen and (max-width: 640px) { .l-how__main { margin-bottom: 50px; } }

.l-how__adn { align-items: center; }

@media only screen and (max-width: 640px) { .l-how__adn { display: block; width: 100%; } }

.l-how .c-heading { text-align: left; }

.l-how .c-heading_vertical { text-align: center; }

.l-how .c-verticalContainer { margin-right: 30px; transform: rotate(180deg); -ms-transform: rotate(-90deg); writing-mode: vertical-rl; }

@media only screen and (max-width: 640px) { .l-how .c-verticalContainer { width: 100%; transform: none; writing-mode: horizontal-tb; } }

.l-how .c-verticalContainer .c-heading { max-height: 450px; text-align: center; }

@media only screen and (max-width: 640px) { .l-how .c-verticalContainer .c-heading { text-align: left; } }

.l-what { margin-top: -1px; }

.l-what__footprint { float: left; max-width: calc(50% - 30px); max-height: 370px; }

@media only screen and (max-width: 640px) { .l-what__footprint { max-width: 100%; margin-top: 50px; } }

.l-what .c-heading { margin-bottom: 20px; text-align: left; }

.l-what .c-data, .l-what .l-what__footprint { opacity: 0; }

/*# sourceMappingURL=app.css.map */