@charset "UTF-8"; 
@font-face { 
  font-family:sd-icon; 
  src:url(../fonts/sd-icon-font.eot?v=1.1); 
  src:url(../fonts/sd-icon-font.eot?v=1.1#iefix) format("embedded-opentype"), 
      url(../fonts/sd-icon-font.ttf?v=1.1) format("truetype"), 
      url(../fonts/sd-icon-font.woff?v=1.1) format("woff"), 
      url(../fonts/sd-icon-font.svg?v=1.1#sdicon) format("svg"); 
  font-weight:400; 
  font-style:normal;
}

.iconsd, .iconsd-account:before, .iconsd-alert-bubble:before, .iconsd-arrow-left-big:before, .iconsd-arrow-left-circle:before, .iconsd-arrow-left-line:before, .iconsd-arrow-left-small:before, .iconsd-arrow-right-big:before, .iconsd-arrow-right-circle:before, .iconsd-arrow-right-line:before, .iconsd-arrow-right-small:before, .iconsd-arrow-select:before, .iconsd-attached:before, .iconsd-badge:before, .iconsd-book-mail:before, .iconsd-book-phone:before, .iconsd-bullseye:before, .iconsd-calendar:before, .iconsd-call-bubble:before, .iconsd-call:before, .iconsd-callcenter:before, .iconsd-check-circle:before, .iconsd-checkbox-check:before, .iconsd-checkbox-empty:before, .iconsd-chronometer:before, .iconsd-click:before, .iconsd-clock:before, .iconsd-close-circle:before, .iconsd-close:before, .iconsd-demand:before, .iconsd-device-desktop:before, .iconsd-device-laptop:before, .iconsd-device-mobile:before, .iconsd-dislike:before, .iconsd-download:before, .iconsd-edit-paper:before, .iconsd-facebook:before, .iconsd-file:before, .iconsd-fist:before, .iconsd-go-out:before, .iconsd-group:before, .iconsd-inbox:before, .iconsd-info-bubble:before, .iconsd-instagram:before, .iconsd-light:before, .iconsd-like:before, .iconsd-linkedin:before, .iconsd-locator:before, .iconsd-mail-at:before, .iconsd-mail-message:before, .iconsd-mail:before, .iconsd-map:before, .iconsd-medal:before, .iconsd-megaphone:before, .iconsd-more-bubble:before, .iconsd-picture:before, .iconsd-pin:before, .iconsd-plug:before, .iconsd-policeman:before, .iconsd-power:before, .iconsd-print:before, .iconsd-question-bubble:before, .iconsd-radio-check:before, .iconsd-radio-empty:before, .iconsd-refresh:before, .iconsd-search:before, .iconsd-secure:before, .iconsd-send:before, .iconsd-settings:before, .iconsd-shake-hands:before, .iconsd-share:before, .iconsd-sync:before, .iconsd-target:before, .iconsd-text-bubble:before, .iconsd-touch:before, .iconsd-twentyfourhour:before, .iconsd-twitter:before, .iconsd-upload:before, .iconsd-worker-man:before, .iconsd-worker-woman:before, .iconsd-world-locator:before, .iconsd-world:before, .iconsd-youtube:before, [class*=iconsd-], [class^=iconsd-] { display:inline-block; font-family:sd-icon; speak:none; font-style:normal; font-weight:400; font-feature-settings:normal; font-variant:normal; text-rendering:auto; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
.iconsd-twentyfourhour:before { content:""; }
.iconsd-account:before { content:""; }
.iconsd-alert-bubble:before { content:""; }
.iconsd-arrow-left-big:before { content:""; }
.iconsd-arrow-left-circle:before { content:""; }
.iconsd-arrow-left-line:before { content:""; }
.iconsd-arrow-left-small:before { content:""; }
.iconsd-arrow-right-big:before { content:""; }
.iconsd-arrow-right-circle:before { content:""; }
.iconsd-arrow-right-line:before { content:""; }
.iconsd-arrow-right-small:before { content:""; }
.iconsd-arrow-select:before { content:""; }
.iconsd-attached:before { content:""; }
.iconsd-badge:before { content:""; }
.iconsd-book-mail:before { content:""; }
.iconsd-book-phone:before { content:""; }
.iconsd-bullseye:before { content:""; }
.iconsd-calendar:before { content:""; }
.iconsd-call-bubble:before { content:""; }
.iconsd-call:before { content:""; }
.iconsd-callcenter:before { content:""; }
.iconsd-check-circle:before { content:""; }
.iconsd-checkbox-check:before { content:""; }
.iconsd-checkbox-empty:before { content:""; }
.iconsd-chronometer:before { content:""; }
.iconsd-click:before { content:""; }
.iconsd-clock:before { content:""; }
.iconsd-close-circle:before { content:""; }
.iconsd-close:before { content:""; }
.iconsd-demand:before { content:""; }
.iconsd-device-desktop:before { content:""; }
.iconsd-device-laptop:before { content:""; }
.iconsd-device-mobile:before { content:""; }
.iconsd-dislike:before { content:""; }
.iconsd-download:before { content:""; }
.iconsd-edit-paper:before { content:""; }
.iconsd-facebook:before { content:""; }
.iconsd-file:before { content:""; }
.iconsd-fist:before { content:""; }
.iconsd-go-out:before { content:""; }
.iconsd-group:before { content:""; }
.iconsd-inbox:before { content:""; }
.iconsd-info-bubble:before { content:""; }
.iconsd-instagram:before { content:""; }
.iconsd-light:before { content:""; }
.iconsd-like:before { content:""; }
.iconsd-linkedin:before { content:""; }
.iconsd-locator:before { content:""; }
.iconsd-mail-at:before { content:""; }
.iconsd-mail-message:before { content:""; }
.iconsd-mail:before { content:""; }
.iconsd-map:before { content:""; }
.iconsd-medal:before { content:""; }
.iconsd-megaphone:before { content:""; }
.iconsd-more-bubble:before { content:""; }
.iconsd-picture:before { content:""; }
.iconsd-pin:before { content:""; }
.iconsd-plug:before { content:""; }
.iconsd-policeman:before { content:""; }
.iconsd-power:before { content:""; }
.iconsd-print:before { content:""; }
.iconsd-question-bubble:before { content:""; }
.iconsd-radio-check:before { content:""; }
.iconsd-radio-empty:before { content:""; }
.iconsd-refresh:before { content:""; }
.iconsd-search:before { content:""; }
.iconsd-secure:before { content:""; }
.iconsd-send:before { content:""; }
.iconsd-settings:before { content:""; }
.iconsd-shake-hands:before { content:""; }
.iconsd-share:before { content:""; }
.iconsd-sync:before { content:""; }
.iconsd-target:before { content:""; }
.iconsd-text-bubble:before { content:""; }
.iconsd-touch:before { content:""; }
.iconsd-twitter:before { content:""; }
.iconsd-upload:before { content:""; }
.iconsd-worker-man:before { content:""; }
.iconsd-worker-woman:before { content:""; }
.iconsd-world-locator:before { content:""; }
.iconsd-world:before { content:""; }
.iconsd-youtube:before { content:""; }

.mfp-bg { z-index:1042; overflow:hidden; background:#0b0b0b; opacity:.8; }
.mfp-bg, .mfp-wrap { top:0; left:0; width:100%; height:100%; position:fixed; }
.mfp-wrap { z-index:1043; outline:none!important; -webkit-backface-visibility:hidden; }
.mfp-container { text-align:center; position:absolute; width:100%; height:100%; left:0; top:0; padding:0 8px; box-sizing:border-box; }
.mfp-container:before { content:""; display:inline-block; height:100%; vertical-align:middle; }
.mfp-align-top .mfp-container:before { display:none; }
.mfp-content { position:relative; display:inline-block; vertical-align:middle; margin:0 auto; text-align:left; z-index:1045; }
.mfp-ajax-holder .mfp-content, .mfp-inline-holder .mfp-content { width:100%; cursor:auto; }
.mfp-ajax-cur { cursor:progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor:zoom-out; }
.mfp-zoom { cursor:pointer; cursor:zoom-in; }
.mfp-auto-cursor .mfp-content { cursor:auto; }
.mfp-arrow, .mfp-close, .mfp-counter, .mfp-preloader { -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; }
.mfp-loading.mfp-figure { display:none; }
.mfp-hide { display:none!important; }
.mfp-preloader { color:#ccc; position:absolute; top:50%; width:auto; text-align:center; margin-top:-.8em; left:8px; right:8px; z-index:1044; }
.mfp-preloader a { color:#ccc; }
.mfp-preloader a:hover { color:#fff; }
.mfp-s-error .mfp-content, .mfp-s-ready .mfp-preloader { display:none; }
button.mfp-arrow, button.mfp-close { overflow:visible; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; display:block; outline:none; padding:0; z-index:1046; box-shadow:none; -ms-touch-action:manipulation; touch-action:manipulation; }
button::-moz-focus-inner { padding:0; border:0; }
.mfp-close { width:44px; height:44px; line-height:44px; position:absolute; right:0; top:0; text-decoration:none; text-align:center; opacity:.65; padding:0 0 18px 10px; color:#fff; font-style:normal; font-size:28px; font-family:Arial, Baskerville, monospace; }
.mfp-close:focus, .mfp-close:hover { opacity:1; }
.mfp-close:active { top:1px; }
.mfp-close-btn-in .mfp-close { color:#333; }
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close { color:#fff; right:-6px; text-align:right; padding-right:6px; width:100%; }
.mfp-counter { position:absolute; top:0; right:0; color:#ccc; font-size:12px; line-height:18px; white-space:nowrap; }
.mfp-arrow { position:absolute; opacity:.65; margin:0; top:50%; margin-top:-55px; padding:0; width:90px; height:110px; -webkit-tap-highlight-color:transparent; }
.mfp-arrow:active { margin-top:-54px; }
.mfp-arrow:focus, .mfp-arrow:hover { opacity:1; }
.mfp-arrow:after, .mfp-arrow:before { content:""; display:block; width:0; height:0; position:absolute; left:0; top:0; margin-top:35px; margin-left:35px; border:medium inset transparent; }
.mfp-arrow:after { border-top-width:13px; border-bottom-width:13px; top:8px; }
.mfp-arrow:before { border-top-width:21px; border-bottom-width:21px; opacity:.7; }
.mfp-arrow-left { left:0; }
.mfp-arrow-left:after { border-right:17px solid #fff; margin-left:31px; }
.mfp-arrow-left:before { margin-left:25px; border-right:27px solid #3f3f3f; }
.mfp-arrow-right { right:0; }
.mfp-arrow-right:after { border-left:17px solid #fff; margin-left:39px; }
.mfp-arrow-right:before { border-left:27px solid #3f3f3f; }
.mfp-iframe-holder { padding-top:40px; padding-bottom:40px; }
.mfp-iframe-holder .mfp-content { line-height:0; width:100%; max-width:900px; }
.mfp-iframe-holder .mfp-close { top:-40px; }
.mfp-iframe-scaler { width:100%; height:0; overflow:hidden; padding-top:56.25%; }
.mfp-iframe-scaler iframe { position:absolute; display:block; top:0; left:0; width:100%; height:100%; box-shadow:0 0 8px rgba(0, 0, 0, .6); background:#000; }
img.mfp-img { width:auto; max-width:100%; height:auto; display:block; box-sizing:border-box; padding:40px 0; margin:0 auto; }
.mfp-figure, img.mfp-img { line-height:0; }
.mfp-figure:after { content:""; position:absolute; left:0; top:40px; bottom:40px; display:block; right:0; width:auto; height:auto; z-index:-1; box-shadow:0 0 8px rgba(0, 0, 0, .6); background:#444; }
.mfp-figure small { color:#bdbdbd; display:block; font-size:12px; line-height:14px; }
.mfp-figure figure { margin:0; }
.mfp-bottom-bar { margin-top:-36px; position:absolute; top:100%; left:0; width:100%; cursor:auto; }
.mfp-title { text-align:left; line-height:18px; color:#f3f3f3; word-wrap:break-word; padding-right:36px; }
.mfp-image-holder .mfp-content { max-width:100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor:pointer; }
@media screen and (max-height:300px), screen and (max-width:800px) and (orientation:landscape) { 
  .mfp-img-mobile .mfp-image-holder { padding-left:0; padding-right:0; }
  .mfp-img-mobile img.mfp-img { padding:0; }
  .mfp-img-mobile .mfp-figure:after { top:0; bottom:0; }
  .mfp-img-mobile .mfp-figure small { display:inline; margin-left:5px; }
  .mfp-img-mobile .mfp-bottom-bar { background:rgba(0, 0, 0, .6); bottom:0; margin:0; top:auto; padding:3px 5px; position:fixed; box-sizing:border-box; }
  .mfp-img-mobile .mfp-bottom-bar:empty { padding:0; }
  .mfp-img-mobile .mfp-counter { right:5px; top:3px; }
  .mfp-img-mobile .mfp-close { top:0; right:0; width:35px; height:35px; line-height:35px; background:rgba(0, 0, 0, .6); position:fixed; text-align:center; padding:0; }
}
@media (max-width:900px) { 
  .mfp-arrow { transform:scale(.75); 
}
.mfp-arrow-left { transform-origin:0; }
.mfp-arrow-right { transform-origin:100%; }
.mfp-container { padding-left:6px; padding-right:6px; }
}
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; }
body { margin:0; }
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display:block; }
audio, canvas, progress, video { display:inline-block; vertical-align:baseline; }
audio:not([controls]) { display:none; height:0; }
[hidden], template { display:none; }
a { background-color:transparent; }
a:active, a:hover { outline:0; }
abbr[title] { border-bottom:1px dotted; }
b, strong { font-weight:700; }
dfn { font-style:italic; }
h1 { font-size:2em; margin:.67em 0; }
mark { background:#ff0; color:#000; }
small { font-size:80%; }
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-.5em; }
sub { bottom:-.25em; }
img { border:0; }
svg:not(:root) { overflow:hidden; }
figure { margin:1em 40px; }
hr { box-sizing:content-box; height:0; }
pre { overflow:auto; }
code, kbd, pre, samp { font-family:monospace, monospace; font-size:1em; }
button, input, optgroup, select, textarea { color:inherit; font:inherit; margin:0; }
button { overflow:visible; border-radius:0; }
button, select { text-transform:none; }
button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance:button; cursor:pointer; }
button[disabled], html input[disabled] { cursor:default; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
input { line-height:normal; }
input[type=checkbox], input[type=radio] { box-sizing:border-box; padding:0; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height:auto; }
input[type=search] { -webkit-appearance:textfield; box-sizing:content-box; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }
legend { border:0; padding:0; }
textarea { overflow:auto; }
optgroup { font-weight:700; }
table { border-collapse:collapse; border-spacing:0; }
td, th { padding:0; }
dl, figure, h1, h2, h3, h4, h5, ol, p, ul { margin:16px auto; }
.subtext, .subtitle, .title, .toggle { margin:32px auto; }
.app__list, .beer__list, .info__list { margin:0; padding:0; list-style:none; }
.app__item__link, .cookies__btn, .footer a { text-decoration:none; color:#303030; }
.beer__card>:first-child, .footer__wrapper>:first-child, .grid__col>:first-child, .section>:first-child, .toggle>:first-child, .toggle__content>:first-child { margin-top:0!important; }
.beer__card>:last-child, .footer__wrapper>:last-child, .grid__col>:last-child, .section>:last-child, .toggle>:last-child, .toggle__content>:last-child { margin-bottom:0!important; }
.scale-width { width:100%; height:auto; }
.app__canvas__img, .app__icon__img, .beer__img, .close__img, .info__img, .info__mobile__img, .scale-max-width, .section__img { max-width:100%; height:auto; }
.btn-stores { display:inline-block; text-decoration:none; border:none; border-radius:0; outline:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

.cookies__wrapper { max-width:1366px; margin:0 auto; }
@media (min-width:48em) { 
  .cookies__wrapper { padding:0 96px; }
}

.footer__wrapper:after, .footer__wrapper:before { content:" "; display:table; }
.footer__wrapper:after { clear:both; }
.footer__wrapper { *zoom:1; } 

.is-hidden { display:none!important; visibility:hidden; }
.is-visuallyhidden { border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px; }
.is-visuallyhidden.is-focusable:active, .is-visuallyhidden.is-focusable:focus { clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto; }
.is-invisible { visibility:hidden; }
.is-align-center { text-align:center!important; }
.is-align-left { text-align:left!important; }
.is-align-right { text-align:right!important; }

.no-wrap { white-space:nowrap; }

.clearfix:after, .clearfix:before, .header__wrapper:after, .header__wrapper:before { content:" "; display:table; }
.clearfix:after, .header__wrapper:after { clear:both; }
.clearfix, .header__wrapper { *zoom:1; }

.is-red { color:#f03!important; }
.is-white { color:#fff!important; }

.no-margin-top { margin-top:0!important; }
.no-margin-bottom { margin-bottom:0!important; }
.margin { margin:32px auto; }
.margin--8 { margin:8px auto; }
.margin--16 { margin:16px auto; }
.margin--24 { margin:24px auto; }
.margin--32 { margin:32px auto; }
.margin--40 { margin:40px auto; }
.margin--48 { margin:48px auto; }

.has-break { word-wrap:break-word; -ms-word-break:break-all; word-break:break-all; word-break:break-word; -ms-hyphens:auto; -webkit-hyphens:auto; hyphens:auto; }

[data-tag]:before { content:attr(data-tag); position:absolute; top:-8px; right:8px; background:#f03; font-family:Fira Sans Semibold, sans-serif; color:#fff; font-size:24px; font-size:1.5rem; line-height:32px; line-height:2rem; padding:4px 16px; margin:0; border-radius:14px 0; }
@media (min-width:64em) {
  [data-tag]:before { font-size:38px; font-size:2.375rem; line-height:40px; line-height:2.5rem; padding:8px 16px; top:-32px; right:40px; }
}
@media (min-width:85.375em) { 
  [data-tag]:before { right:80px; }
}
@font-face { 
  font-family:Fira Sans Bold; 
  src:url(../fonts/FiraSans-Bold.eot?#iefix); 
  src:url(../fonts/FiraSans-Bold.eot?#iefix) format("eot"), 
      url(../fonts/FiraSans-Bold.woff) format("woff"), 
      url(../fonts/FiraSans-Bold.woff2) format("woff2"); 
}
@font-face { 
  font-family:Fira Sans Semibold; 
  src:url(../fonts/FiraSans-SemiBold.eot?#iefix); 
  src:url(../fonts/FiraSans-SemiBold.eot?#iefix) format("eot"), 
      url(../fonts/FiraSans-SemiBold.woff) format("woff"), 
      url(../fonts/FiraSans-SemiBold.woff2) format("woff2"); 
}
@font-face { 
  font-family:Fira Sans Regular; 
  src:url(../fonts/FiraSans-Regular.eot?#iefix); 
  src:url(../fonts/FiraSans-Regular.eot?#iefix) format("eot"), 
      url(../fonts/FiraSans-Regular.woff) format("woff"), 
      url(../fonts/FiraSans-Regular.woff2) format("woff2"); 
}
@font-face { 
  font-family:Fira Sans Light; 
  src:url(../fonts/FiraSans-Light.eot?#iefix); 
  src:url(../fonts/FiraSans-Light.eot?#iefix) format("eot"), 
      url(../fonts/FiraSans-Light.woff) format("woff"), 
      url(../fonts/FiraSans-Light.woff2) format("woff2"); 
}

.anim { transform:translate3d(0, 100px, 0); opacity:0; transition:.8s cubic-bezier(.23, 1, .32, 1);  }
.anim.visible { transform:translateZ(0); opacity:1; }

[data-delay="0"] { transition-delay:0s!important; }
[data-delay="1"] { transition-delay:.1s!important; }
[data-delay="2"] { transition-delay:.2s!important; }
[data-delay="3"] { transition-delay:.3s!important; }
[data-delay="4"] { transition-delay:.4s!important; }
[data-delay="5"] { transition-delay:.5s!important; }
[data-delay="6"] { transition-delay:.6s!important; }
[data-delay="7"] { transition-delay:.7s!important; }
[data-delay="8"] { transition-delay:.8s!important; }
[data-delay="9"] { transition-delay:.9s!important; }
[data-delay="10"] { transition-delay:1s!important; }
[data-delay="11"] { transition-delay:1.1s!important; }
[data-delay="12"] { transition-delay:1.2s!important; }
[data-delay="13"] { transition-delay:1.3s!important; }
[data-delay="14"] { transition-delay:1.4s!important; }
[data-delay="15"] { transition-delay:1.5s!important; }
[data-delay="16"] { transition-delay:1.6s!important; }
[data-delay="17"] { transition-delay:1.7s!important; }
[data-delay="18"] { transition-delay:1.8s!important; }
[data-delay="19"] { transition-delay:1.9s!important; }
[data-delay="20"] { transition-delay:2s!important; }
[data-delay="0"]:before { transition-delay:0s!important; }
[data-delay="1"]:before { transition-delay:.1s!important; }
[data-delay="2"]:before { transition-delay:.2s!important; }
[data-delay="3"]:before { transition-delay:.3s!important; }
[data-delay="4"]:before { transition-delay:.4s!important; }
[data-delay="5"]:before { transition-delay:.5s!important; }
[data-delay="6"]:before { transition-delay:.6s!important; }
[data-delay="7"]:before { transition-delay:.7s!important; }
[data-delay="8"]:before { transition-delay:.8s!important; }
[data-delay="9"]:before { transition-delay:.9s!important; }
[data-delay="10"]:before { transition-delay:1s!important; }
[data-delay="11"]:before { transition-delay:1.1s!important; }
[data-delay="12"]:before { transition-delay:1.2s!important; }
[data-delay="13"]:before { transition-delay:1.3s!important; }
[data-delay="14"]:before { transition-delay:1.4s!important; }
[data-delay="15"]:before { transition-delay:1.5s!important; }
[data-delay="16"]:before { transition-delay:1.6s!important; }
[data-delay="17"]:before { transition-delay:1.7s!important; }
[data-delay="18"]:before { transition-delay:1.8s!important; }
[data-delay="19"]:before { transition-delay:1.9s!important; }
[data-delay="20"]:before { transition-delay:2s!important; }

.btn { position:relative; display:inline-block; padding:8px 16px; font-family:Fira Sans Semibold, sans-serif; font-size:.875rem; line-height:1.25rem; text-transform:uppercase; color:#fff; text-decoration:none; text-align:center; border:none; outline:none!important; background:#f03; -webkit-tap-highlight-color:rgba(0, 0, 0, 0); transition:color .15s, background .15s; white-space:nowrap; border-radius:12px 0; }
.btn.no-touch:hover { color:#fff; background:#cc0029; }
.btn.no-touch:active, .btn:active { opacity:.7; }
.btn-stores { display:block; margin:8px; background:#f03; color:#fff; border-radius:8px; padding:8px 16px; font-size:1.125rem; line-height:2rem; transition:.3s; }
.btn-stores.no-touch:hover { color:#fff; background:#cc0029; }
.btn-stores.no-touch:active, .btn-stores:active { opacity:.7; }
@media (min-width:48em) { 
  .btn-stores { display:inline-block; padding:12px 32px; }
}
@media (min-width:64em) { 
  .btn-stores { font-size:1.25rem; line-height:1.75rem; line-height:40px; }
}
.btn-stores__image { padding-right:8px; height:24px; }
@media (min-width:64em) { 
  .btn-stores__image { height:40px; }
}
.btns { margin:-8px; }

.cookies { width:100%; background:#303030; padding:16px 0; position:fixed; bottom:0; left:0; right:0; z-index:1999; }
.cookies__wrapper { position:relative; padding:0 16px; }
.cookies__btn { display:block; padding:4px 12px; text-align:center; background:#f03; color:#fff; border-radius:40px; font-size:.875rem; line-height:1.25rem; }
.cookies__btn.no-touch:hover { background:#cc0029; }
.cookies__btn.no-touch:active, .cookies__btn:active { color:#f03; background:#fff; }

@media (min-width:48em) { 
  .cookies__btn { position:absolute; display:inline-block; padding:8px 16px; top:50%; right:16px; margin-top:-20px; }
}
.cookies__paragraph { color:#fff; font-size:.75rem; line-height:1rem; margin:0 0 16px; }
@media (min-width:48em) { 
  .cookies__paragraph { font-size:.875rem; line-height:1.25rem; padding-right:100px; margin:0; }
}
.cookies a { transition:.15s; }
.cookies a.no-touch:hover { color:#fff; }
.cookies a.no-touch:active, .cookies a:active { color:#606060; }

.hero { max-width:1440px; margin:0 auto; padding:88px 16px; position:relative; text-align:center; color:#fff; background:#000; }
@media (min-width:48em) { 
  .hero { padding:176px 24px; }
}
.hero:before { content:""; position:absolute; bottom:-64px; left:0; right:0; width:100%; height:90px; background:url(../img/hero_bottom.png) no-repeat 50%; background-size:1482px 90px; z-index:20; }
.hero__wrapper { position:relative; z-index:8; max-width:668px; margin:0 auto; }
.hero__bg { position:fixed; z-index:0; top:0; left:0; height:100%; width:100%; background-size:cover; opacity:.8; }
.hero__bg.no-touch { position:absolute; }
.hero__title { font-family:Fira Sans Regular, sans-serif; font-size:1.5rem; line-height:2rem; padding:8px 0 8px 96px; text-align:left; display:inline-block; margin:0 auto; background-image:url(../img/logo-myverisure.png); background-position:0; background-repeat:no-repeat; background-size:80px 80px; }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) { 
  .hero__title { background-image:url(../img/logo-myverisure@2x.png); 
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution:2.25dppx) { 
  .hero__title { background-image:url(../img/logo-myverisure@3x.png); 
}
}
@media (min-width:48em) { 
  .hero__title { min-height:104px; background-size:104px 104px; padding:16px 0 16px 120px; font-size:2.75rem; line-height:2.5rem; }
}
.hero__title__pretitle { display:block; text-transform:uppercase; font-size:1.125rem; line-height:2rem; font-family:Fira Sans Bold, sans-serif; }
@media (min-width:48em) { 
  .hero__title__pretitle { font-size:1.375rem; line-height:2rem; }
}
.hero__paragraph p { font-size:1.25rem; line-height:1.75rem; margin:16px auto 24px; }
@media (min-width:48em) { 
  .hero__paragraph p { font-size:1.5rem; line-height:2rem; }
}
.hero__paragraph p strong { display:block; font-size:1.5rem; line-height:2rem; font-family:Fira Sans Bold, sans-serif; margin-top:8px; }
@media (min-width:48em) { 
  .hero__paragraph p strong { font-size:1.875rem; line-height:2.5rem; }
}
.hero__btns { margin:-8px; }
.hero__arrow { width:48px; height:48px; background-image:url(../img/banner_arrow.png); background-repeat:no-repeat; background-position:50%; background-size:48px 48px; position:absolute; z-index:8; bottom:24px; left:50%; margin-left:-24px; z-index:10; animation:a 1s infinite ease-out; }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) { 
  .hero__arrow { background-image:url(../img/banner_arrow@2x.png); 
}
}
@media (min-width:48em) { 
  .hero__arrow { bottom:32px; }
}
@keyframes a { 0% { transform:translateZ(0); 
}25% { transform:translate3d(0, 10px, 0); 
}50% { transform:translateZ(0); 
}
}h1, h2, h3, h4, h5 { font-weight:400; position:relative; }h1, h2, h3, h4, h5 { font-family:Fira Sans Semibold, sans-serif; }h3 { font-size:1.375rem; line-height:2rem; }
@media (min-width:48em) { 
  h3 { font-size:1.875rem; line-height:2.5rem; }
}b, strong { font-family:Fira Sans Semibold, sans-serif; font-weight:400; }ul ul { margin:0; }figcaption { font-size:.875rem; line-height:1.25rem; padding:8px; text-align:center; }
.title { font-family:Fira Sans Light, sans-serif; font-size:1.5rem; line-height:2rem; }
@media (min-width:48em) { 
  .title { font-size:1.875rem; line-height:2.5rem; }
}
.subtitle { font-family:Fira Sans Semibold, sans-serif; font-size:1.375rem; line-height:2rem; margin-top:-32px; color:#606060; }
@media (min-width:48em) { 
  .subtitle { font-size:1.5rem; line-height:2rem; }
}
.subtext { font-family:Fira Sans Regular, sans-serif; font-size:1rem; line-height:1.5rem; }
@media (min-width:48em) { 
  .subtext { font-size:1.125rem; line-height:2rem; }
}
.text--big { font-size:1.125rem; line-height:2rem; color:#606060; max-width:540px; margin:0 auto; }
.footnote { font-size:.75rem; line-height:1rem; color:#606060; }
.info { position:relative; background:#f1f1f1; text-align:center; }
.info__wrapper { padding:32px 16px; }
@media (min-width:64em) { 
  .info__wrapper { padding:48px 56px 48px 384px; }
}
@media (min-width:85.375em) { 
  .info__wrapper { padding:48px 56px 48px 536px; }
}
.info__list { font-size:0; margin:-16px; }
@media (min-width:85.375em) { 
  .info__list { max-width:670px; }
}
.info__item { display:inline-block; vertical-align:top; padding:16px; width:100%; margin:0 auto; }
@media (min-width:48em) { 
  .info__item { width:50%; }
}
.info__item img { width:115px; height:115px; }
.info__item p { font-size:1.25rem; line-height:1.75rem; font-family:Fira Sans Light, sans-serif; margin-bottom:0; }
.info__mobile { padding:16px; max-width:320px; margin:0 auto; }
@media (min-width:64em) { 
  .info__mobile { position:absolute; padding:0; top:50%; left:16px; max-width:344px; margin-top:-255px; }
}
@media (min-width:85.375em) { 
  .info__mobile { max-width:539px; left:56px; margin-top:-341px; }
}
.info__mobile__img { margin-bottom:-48px; }
@media (min-width:64em) { 
  .info__mobile__img { margin:0; }
}
.app { position:relative; max-width:1176px; margin:0 auto; }
.app__canvas { position:relative; max-width:312px; padding:16px 48px 16px 16px; margin-right:48px; }
@media (min-width:48em) { 
  .app__canvas { width:40%; max-width:none; margin:0 auto; padding:0 48px; }
}
@media (min-width:64em) { 
  .app__canvas { width:50%; }
}
.app__canvas:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:24px 0; background:#f1f1f1; }
@media (min-width:48em) { 
  .app__canvas:before { top:32px; bottom:32px; }
}
.app__canvas__phone { position:relative; width:100%; padding-bottom:207.1%; }
.app__canvas__phone:before { content:""; position:absolute; z-index:8; top:0; left:0; right:0; bottom:0; background-image:url(../img/app-phone.png); background-size:cover; }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) { 
  .app__canvas__phone:before { background-image:url(../img/app-phone@2x.png); 
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution:2.25dppx) { 
  .app__canvas__phone:before { background-image:url(../img/app-phone@3x.png); 
}
}
.app__canvas__phone-container { max-width:320px; margin:0 auto; }
.app__canvas__img { position:absolute; z-index:0; top:0; left:0; right:0; opacity:0; transition:.3s; }
.app__canvas__img.is-active { opacity:1; }
.app__canvas__message { position:absolute; z-index:16; bottom:-16px; left:0; background:#f03; color:#fff; padding:8px 16px; margin-right:80px; border-radius:16px 0; }
@media (min-width:23.4375em) { 
  .app__canvas__message { bottom:16px; }
}
@media (min-width:48em) { 
  .app__canvas__message { display:none; }
}
.app__content { position:absolute; top:16px; right:16px; }
@media (min-width:48em) { 
  .app__content { top:24px; right:0; left:0; bottom:24px; }
}
.app__icon { display:inline-block; background:#f03; border:4px solid #fff; border-radius:50%; padding:8px; width:64px; height:64px; }
@media (min-width:64em) { 
  .app__icon { border:8px solid #fff; padding:16px; width:104px; height:104px; }
}
.app__title { display:none; font-size:.875rem; line-height:1.25rem; }
.app__title[data-tag]:before { padding:8px; font-size:14px; font-size:.875rem; line-height:20px; line-height:1.25rem; right:auto; left:80px; top:-32px; }
@media (min-width:64em) { 
  .app__title[data-tag]:before { left:120px; top:-8px; }
}
@media (min-width:85.375em) { 
  .app__title[data-tag]:before { font-size:18px; font-size:1.125rem; line-height:32px; line-height:2rem; top:-32px; padding:4px 8px; }
}
@media (min-width:48em) { 
  .app__title { display:block; padding:0 16px; }
}
@media (min-width:85.375em) { 
  .app__title { font-size:1.25rem; line-height:1.75rem; font-family:Fira Sans Light, sans-serif; }
}
@media (min-width:48em) { 
  .app__list { position:absolute; top:50%; width:30%; transform:translateY(-50%); 
}
.app__list--left { text-align:right; left:0; }
.app__list--left .app__item { margin-right:-32px; }
.app__list--right { text-align:left; right:0; }
.app__list--right .app__item { margin-left:-32px; }
}
@media (min-width:64em) { 
  .app__list { width:25%; }
.app__list--left .app__item { margin-right:-52px; }
.app__list--right .app__item { margin-left:-52px; }
}
.app__item { margin-bottom:4px; }
.app__item__link { position:relative; display:block; }
@media (min-width:48em) { 
  .app__item__link { display:table; width:100%; margin-bottom:40px; }
.app__item__link>* { display:table-cell; vertical-align:middle; }
}
.app__item__link.is-active .app__icon { background:#cc0029; }
.beer__wrapper { font-size:0; }
.beer__item { position:relative; display:inline-block; vertical-align:top; padding:16px 0 16px 40px; max-width:592px; }
@media (min-width:48em) { 
  .beer__item { padding:32px 32px 32px 88px; }
}
@media (min-width:64em) { 
  .beer__item { width:50%; }
}
.beer__item:before { content:""; position:absolute; top:48px; bottom:48px; left:0; width:40px; border-radius:24px 0 0 24px; }
@media (min-width:48em) { 
  .beer__item:before { width:56px; left:32px; }
}
.beer__item:after { content:""; position:absolute; display:block; background-repeat:no-repeat; background-size:contain; background-position:50%; top:50%; transform:translateY(-50%); left:12px; width:16px; height:100%; }
@media (min-width:48em) { 
  .beer__item:after { width:22px; left:49px; }
}
.beer__item[data-beer=antes]:before { background:#c5c5c5; }
.beer__item[data-beer=antes]:after { background-image:url(../img/antes.png); 
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) { 
  .beer__item[data-beer=antes]:after { background-image:url(../img/antes@2x.png); 
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution:2.25dppx) { 
  .beer__item[data-beer=antes]:after { background-image:url(../img/antes@3x.png); 
}
}
.beer__item[data-beer=ahora]:before { background:#606060; }
.beer__item[data-beer=ahora]:after { background-image:url(../img/ahora.png); 
}
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) { 
  .beer__item[data-beer=ahora]:after { background-image:url(../img/ahora@2x.png); 
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution:2.25dppx) { 
  .beer__item[data-beer=ahora]:after { background-image:url(../img/ahora@3x.png); 
}
}
.beer__item[data-beer=ahora] .beer__card:before { content:""; position:absolute; width:64px; height:153px; top:-44px; right:0; background-image:url(../img/new-app-girl.png); background-size:contain; background-repeat:no-repeat; background-position:top; }
@media only screen and (-webkit-min-device-pixel-ratio:2), only screen and (min--moz-device-pixel-ratio:2), only screen and (min-device-pixel-ratio:2), only screen and (min-resolution:2dppx), only screen and (min-resolution:192dpi) { 
  .beer__item[data-beer=ahora] .beer__card:before { background-image:url(../img/new-app-girl@2x.png); 
}
}
@media only screen and (-webkit-min-device-pixel-ratio:2.25), only screen and (min-device-pixel-ratio:2.25), only screen and (min-resolution:2.25dppx) { 
  .beer__item[data-beer=ahora] .beer__card:before { background-image:url(../img/new-app-girl@3x.png); 
}
}
@media (min-width:48em) { 
  .beer__item[data-beer=ahora] .beer__card:before { width:81px; top:-61px; right:60px; }
}
.beer__card { background:#fff; padding:16px 24px; border-radius:24px; text-align:left; }
@media (min-width:48em) { 
  .beer__card { padding:24px; }
}
.beer__title { font-size:1.5rem; line-height:2rem; }
@media (min-width:48em) { 
  .beer__title { font-size:1.875rem; line-height:2.5rem; }
}
.beer__title__tag { display:inline-block; vertical-align:top; text-transform:uppercase; background:#f03; color:#fff; font-size:1.5rem; line-height:2rem; line-height:40px; padding:0 16px; border-radius:16px 0; }
.beer__subtitle { font-size:1.5rem; line-height:2rem; }
.beer__list { font-size:1rem; line-height:1.5rem; font-family:Fira Sans Light, sans-serif; color:#4a4a4a; margin:16px auto; }
@media (min-width:48em) { 
  .beer__list { font-size:1.25rem; line-height:1.75rem; margin:32px auto; }
}
.beer__list>* { margin-bottom:8px; }
.beer__list>:last-child { margin-bottom:0; }
@media (min-width:48em) { 
  .beer__list>* { margin-bottom:32px; }
}
.city { position:relative; z-index:8; }
.city>* { margin-bottom:-80px; }
.popup { position:relative; background:#fff; padding:16px; max-width:768px; margin:0 auto; border-radius:40px 0; }
@media (min-width:48em) { 
  .popup { padding:24px; }
}
.popup__title { text-align:center; color:#f03; font-size:1.125rem; line-height:2rem; margin-top:0; padding:0 24px; }
@media (min-width:48em) { 
  .popup__title { font-size:1.5rem; line-height:2rem; }
}
.mfp-container { padding-left:16px; padding-right:16px; }
.toggle { border-bottom:1px solid #606060; font-size:1rem; line-height:1.5rem; }
@media (min-width:48em) { 
  .toggle { font-size:1.25rem; line-height:1.75rem; }
}
.toggle__btn { display:block; padding:12px 0; padding-right:24px; position:relative; color:#000; text-decoration:none; font-family:Fira Sans Light, sans-serif; }
.toggle__btn__icon { position:absolute; top:12px; right:0; transition:.3s; transform:rotate(90deg); 
}
.toggle__btn__icon, .toggle__btn__icon:before { display:inline-block; height:24px; line-height:24px; vertical-align:top; }
.toggle__btn.is-active .toggle__btn__icon { transform:rotate(-90deg); 
}
.toggle__content { display:none; padding:16px; background:#f1f1f1; font-family:Fira Sans Regular, sans-serif; font-size:.875rem; line-height:1.25rem; }
.toggle+.toggle { margin-top:-33px; }
.cerrar { position:relative; z-index:8; max-width:1440px; margin:0 auto; background-image:url(../img/close-bg-mobile.jpg); background-size:cover; background-position:bottom; }
@media (min-width:48em) { 
  .cerrar { background-image:url(../img/close-bg.jpg); background-position:50%; }
}
.close__wrapper { font-size:0; max-width:1222px; margin:0 auto; padding:0 16px; }
.close__col { position:relative; display:inline-block; vertical-align:bottom; padding:24px 16px; width:100%; }
@media (min-width:48em) { 
  .close__col { width:50%; padding:40px 16px; }
}
@media (min-width:64em) { 
  .close__col { padding:64px; }
}
.close__col:last-child { padding-top:80%; }
@media (min-width:48em) { 
  .close__col:last-child { padding-top:0; }
}
.close__title { font-family:Fira Sans Light, sans-serif; color:#fff; font-size:1.125rem; line-height:2rem; text-align:center; margin:0; }
@media (min-width:23.4375em) { 
  .close__title { font-size:1.25rem; line-height:1.75rem; }
}
@media (min-width:32.25em) { 
  .close__title { font-size:1.875rem; line-height:2.5rem; }
}
@media (min-width:48em) { 
  .close__title { font-size:1.5rem; line-height:2rem; }
}
@media (min-width:85.375em) { 
  .close__title { font-size:2.5rem; line-height:2.5rem; }
}
.close__bubble { position:absolute; bottom:31%; left:50%; margin-left:-45%; width:50%; max-width:210px; }
@media (min-width:23.4375em) { 
  .close__bubble { margin-left:-35%; }
}
@media (min-width:48em) { 
  .close__bubble { width:35%; bottom:200%; margin-left:-30%; }
}
@media (min-width:64em) { 
  .close__bubble { width:auto; bottom:170%; margin-left:-35%; }
}
html { font-size:1em; line-height:1.5; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; font-family:Fira Sans Regular, sans-serif; }
body, html { height:100%; }
body { background:#c5c5c5; }
::-moz-selection { background:#f03; color:#fff; text-shadow:none; }
::selection { background:#f03; color:#fff; text-shadow:none; }
hr { display:block; height:1px; border:0; border-top:1px solid #979797; margin:48px 0; padding:0; }
audio, canvas, iframe, img, svg, video { vertical-align:middle; }
fieldset { border:0; margin:0; padding:0; }
textarea { resize:vertical; }
.browsehappy { margin:0; background:#ccc; color:#000; padding:24px; }
a, button { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); outline:none; color:#f03; }
* { -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

@media print { 
  *, :after, :before { background:transparent!important; color:#000!important; box-shadow:none!important; text-shadow:none!important; }
  a, a:visited { text-decoration:underline; }
  a[href]:after { content:" (" attr(href) ")"; }
  abbr[title]:after { content:" (" attr(title) ")"; }
  a[href^="#"]:after, a[href^="javascript:"]:after { content:""; }
  blockquote, pre { border:1px solid #999; page-break-inside:avoid; }
  thead { display:table-header-group; }
  img, tr { page-break-inside:avoid; }
  img { max-width:100%!important; }
  h2, h3, p { orphans:3; widows:3; }
  h2, h3 { page-break-after:avoid; }
}

.header { position:absolute; top:0; left:0; right:0; z-index:50; }
.header__wrapper { max-width:1440px; margin:0 auto; padding:16px; transition:all .3s; }
@media (min-width:48em) { 
  .header__wrapper { padding:24px; }
}
@media (min-width:64em) { 
  .header__wrapper { padding:24px 40px; }
}
.header__wrapper.is-active { background:#fff; padding:0 16px; }
@media (min-width:48em) { 
  .header__wrapper.is-active { padding:0 24px; }
}
.header__logo { padding:8px; background:hsla(0, 0%, 100%, .8); display:inline-block; vertical-align:top; position:relative; z-index:100; border-radius:14px 0; }
@media (min-width:48em) { 
  .header__logo { border-radius:26px 0; padding:16px; margin-left:0; }
}
.header__logo__img { height:40px; width:auto; }
@media (min-width:48em) { 
  .header__logo__img { height:56px; }
}
.main { position:relative; z-index:8; max-width:1440px; margin:0 auto; background:#fff; overflow:hidden; padding-top:16px; }
@media (min-width:48em) { 
  .main { padding-top:0; }
}
@media (min-width:64em) { 
  .main__subtitle { font-size:1.5rem; line-height:2rem; }
  .main__date-alert { margin:0 50px; }
}
.footer { position:relative; z-index:8; max-width:1440px; margin:0 auto; background:#fff; color:#4a4a4a; text-align:center; }
.footer__wrapper { padding:16px; }
.footer__copyright, .footer__legal, .footer__policy { font-size:.875rem; line-height:1.25rem; margin:8px auto; }
@media (min-width:48em) { 
  .footer__copyright, .footer__legal, .footer__policy { margin:0; }
}
@media (min-width:48em) { 
  .footer__copyright { float:left; }
}
@media (min-width:48em) { 
  .footer__policy { float:right; }
}
.footer a { transition:.3s; }
.footer a.no-touch:hover { color:#f03; }
.footer__legal { margin-bottom:24px; }

.grid { margin:32px auto; font-size:0; }
.grid__col { display:inline-block; vertical-align:top; width:100%; margin:0 auto; font-size:1rem; line-height:1.5rem; }
.grid__col--sm-1 { width:8.33%; }
.grid__col--sm-2 { width:16.66%; }
.grid__col--sm-3 { width:25%; }
.grid__col--sm-4 { width:33.33%; }
.grid__col--sm-5 { width:41.66%; }
.grid__col--sm-6 { width:50%; }
.grid__col--sm-7 { width:58.33%; }
.grid__col--sm-8 { width:66.66%; }
.grid__col--sm-9 { width:75%; }
.grid__col--sm-10 { width:83.33%; }
.grid__col--sm-11 { width:91.66%; }
.grid__col--sm-12 { width:100%; }
@media (min-width:48em) { 
  .grid__col { max-width:100%; }
  .grid__col--1 { width:8.33%; }
  .grid__col--2 { width:16.66%; }
  .grid__col--3 { width:25%; }
  .grid__col--4 { width:33.33%; }
  .grid__col--5 { width:41.66%; }
  .grid__col--6 { width:50%; }
  .grid__col--7 { width:58.33%; }
  .grid__col--8 { width:66.66%; }
  .grid__col--9 { width:75%; }
  .grid__col--10 { width:83.33%; }
  .grid__col--11 { width:91.66%; }
  .grid__col--12 { width:100%; }
}
.grid--padding .grid__wrapper { margin:-16px; }
.grid--padding .grid__wrapper--no-margin { margin:0 auto; }
.grid--padding .grid__col { padding:16px; }
.section { position:relative; margin:40px auto; text-align:center; }
@media (min-width:48em) { 
  .section { margin:80px auto; }
}
@media (min-width:64em) { 
  .section { margin:128px auto; }
}
.section:last-child { margin-bottom:0; }
.section__wrapper { max-width:1440px; margin:0 auto; padding:0 16px; }
.section__wrapper>* { position:relative; z-index:8; }
@media (min-width:48em) { 
  .section__wrapper { padding:0 24px; }
}
@media (min-width:64em) { 
  .section__wrapper { padding:0 40px; }
}
.section__title { padding:0 16px; margin:24px auto; font-size:1.5rem; line-height:2rem; color:#4a4a4a; font-family:Fira Sans Semibold, sans-serif; text-align:center; }
@media (min-width:48em) { 
  .section__title { font-size:1.875rem; line-height:2.5rem; }
}
.section__subtitle { padding:0 16px; margin:-24px auto 24px; text-align:center; font-family:Fira Sans Light, sans-serif; font-size:1.125rem; line-height:2rem; }
@media (min-width:48em) { 
  .section__subtitle { font-size:1.25rem; line-height:1.75rem; }
}
.section--gradient { background:#e4eef2; padding:16px 0; margin-bottom:0; }
.section--gradient:before { content:""; position:absolute; top:-40px; left:0; right:0; height:80px; background:#fff; background:linear-gradient(180deg, #fff, #e4eef2); 
}
.section--gradient .section__title { color:#000; }
.section--grey { background:#f1f1f1; margin-top:0; padding:160px 0 88px; }


/* CUSTOM */
.header__wrapper { padding:0; }
.header__logo { padding:16px; border-radius: 0 0 18px 0; }
.header__logo__img { height:60px; }
.hero { padding:128px 16px 88px; }

@media (min-width: 48em){
  .header__wrapper, .header__wrapper.is-active { padding:0; }
  .header__logo { padding:1rem 2rem; border-radius:0 0 2rem; }
  .header__logo__img { height:80px; }

  .hero { padding:128px 16px; }
}
@media (max-width:767.99px){
  .hero__bg { height:90vh !important; background-position:center; }
}
@media (max-width:320px){
  .header__logo { padding:10px 1rem; }
  .header__logo__img { height:50px; }
}