@font-face { font-family: 'ProximaNovaRegular'; src: url("../fonts/ProximaNova-Regular-webfont.eot"); src: url("../fonts/ProximaNova-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular-webfont.woff") format("woff"), url("../fonts/ProximaNova-Regular-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Regular-webfont.svg#ProximaNovaRegular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaSemibold'; src: url("../fonts/ProximaNova-Semibold-webfont.eot"); src: url("../fonts/ProximaNova-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Semibold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Semibold-webfont.svg#ProximaNovaSemibold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaExtrabold'; src: url("../fonts/ProximaNova-Extrabold-webfont.eot"); src: url("../fonts/ProximaNova-Extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Extrabold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Extrabold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Extrabold-webfont.svg#ProximaNovaExtrabold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaThin'; src: url("../fonts/ProximaNova-Thin-webfont.eot"); src: url("../fonts/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Thin-webfont.woff") format("woff"), url("../fonts/ProximaNova-Thin-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Thin-webfont.svg#ProximaNovaThin") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaBold'; src: url("../fonts/ProximaNova-Bold-webfont.eot"); src: url("../fonts/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Bold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaLight'; src: url("../fonts/ProximaNova-Light-webfont.eot"); src: url("../fonts/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Light-webfont.woff") format("woff"), url("../fonts/ProximaNova-Light-webfont.svg#ProximaNovaLight") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaRegular'; src: url("../fonts/ProximaNova-Regular-webfont.eot"); src: url("../fonts/ProximaNova-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Regular-webfont.woff") format("woff"), url("../fonts/ProximaNova-Regular-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Regular-webfont.svg#ProximaNovaRegular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaSemibold'; src: url("../fonts/ProximaNova-Semibold-webfont.eot"); src: url("../fonts/ProximaNova-Semibold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Semibold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Semibold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Semibold-webfont.svg#ProximaNovaSemibold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaExtrabold'; src: url("../fonts/ProximaNova-Extrabold-webfont.eot"); src: url("../fonts/ProximaNova-Extrabold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Extrabold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Extrabold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Extrabold-webfont.svg#ProximaNovaExtrabold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaThin'; src: url("../fonts/ProximaNova-Thin-webfont.eot"); src: url("../fonts/ProximaNova-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("..fonts/ProximaNova-Thin-webfont.woff") format("woff"), url("../fonts/ProximaNova-Thin-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Thin-webfont.svg#ProximaNovaThin") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaBold'; src: url("../fonts/ProximaNova-Bold-webfont.eot"); src: url("../fonts/ProximaNova-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Bold-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Bold-webfont.woff") format("woff"), url("../fonts/ProximaNova-Bold-webfont.svg#ProximaNovaBold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'ProximaNovaLight'; src: url("../fonts/ProximaNova-Light-webfont.eot"); src: url("../fonts/ProximaNova-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/ProximaNova-Light-webfont.ttf") format("truetype"), url("../fonts/ProximaNova-Light-webfont.woff") format("woff"), url("../fonts/ProximaNova-Light-webfont.svg#ProximaNovaLight") format("svg"); font-weight: normal; font-style: normal; }
.u-cf:before, .container:before, .grid-wrapper:before, .grid:before, .artandscience:before, .box--bordered:before, .dd-menu:before, .splash-wrapper:before, .brands-list:before, .brands-list > li:before, .u-cf:after, .container:after, .grid-wrapper:after, .grid:after, .artandscience:after, .box--bordered:after, .dd-menu:after, .splash-wrapper:after, .brands-list:after, .brands-list > li:after { content: " "; display: table; }
.u-cf:after, .container:after, .grid-wrapper:after, .grid:after, .artandscience:after, .box--bordered:after, .dd-menu:after, .splash-wrapper:after, .brands-list:after, .brands-list > li:after { clear: both; }

/*! normalize.css v3.0.1 | MIT License | 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 { font-family: sans-serif; /* 1 */ -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, 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: transparent; }

/** 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 { font-size: 2em; margin: 0.67em 0; }

/** 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 #ccc; 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; }

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

html { -webkit-tap-highlight-color: transparent; overflow-y: scroll; min-height: 100%; }
@font-face { font-family: "Proxima Nova"; src: url("/static/fonts/ProximaNova-Thin-webfont.eot"); src: url("/static/fonts/ProximaNova-Thin-webfont.woff") format("woff"), url("/static/fonts/ProximaNova-Thin-webfont.ttf") format("truetype"), url("/static/fonts/ProximaNova-Thin-webfont.svg#ProximaNova-Thin-webfont") format("svg"); font-weight: 100; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Proxima Nova"; src: url("/static/fonts/ProximaNova-Light-webfont.eot"); src: url("/static/fonts/ProximaNova-Light-webfont.woff") format("woff"), url("/static/fonts/ProximaNova-Light-webfont.ttf") format("truetype"), url("/static/fonts/ProximaNova-Light-webfont.svg#ProximaNova-Light-webfont") format("svg"); font-weight: 200; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Proxima Nova"; src: url("/static/fonts/ProximaNova-Regular-webfont.eot"); src: url("/static/fonts/ProximaNova-Regular-webfont.woff") format("woff"), url("/static/fonts/ProximaNova-Regular-webfont.ttf") format("truetype"), url("/static/fonts/ProximaNova-Regular-webfont.svg#ProximaNova-Regular-webfont") format("svg"); font-weight: 400; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Proxima Nova"; src: url("/static/fonts/ProximaNova-Semibold-webfont.eot"); src: url("/static/fonts/ProximaNova-Semibold-webfont.woff") format("woff"), url("/static/fonts/ProximaNova-Semibold-webfont.ttf") format("truetype"), url("/static/fonts/ProximaNova-Semibold-webfont.svg#ProximaNova-Semibold-webfont") format("svg"); font-weight: 600; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Proxima Nova"; src: url("/static/fonts/ProximaNova-Bold-webfont.eot"); src: url("/static/fonts/ProximaNova-Bold-webfont.woff") format("woff"), url("/static/fonts/ProximaNova-Bold-webfont.ttf") format("truetype"), url("/static/fonts/ProximaNova-Bold-webfont.svg#ProximaNova-Bold-webfont") format("svg"); font-weight: 700; font-style: normal; font-stretch: normal; }
@font-face { font-family: "Proxima Nova"; src: url("/static/fonts/ProximaNova-Extrabold-webfont.eot"); src: url("/static/fonts/ProximaNova-Extrabold-webfont.woff") format("woff"), url("/static/fonts/ProximaNova-Extrabold-webfont.ttf") format("truetype"), url("/static/fonts/ProximaNova-Extrabold-webfont.svg#ProximaNova-Extrabold-webfont") format("svg"); font-weight: 800; font-style: normal; font-stretch: normal; }
/*flexbox mixin*/
.flex-wrapper { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-flow: row wrap; flex-flow: row wrap; list-style: none outside none; margin: 0; padding-left: 0; }
.flex-wrapper > * { -webkit-box-flex: 1 100%; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1 100%; /* OLD - Firefox 19- */ -webkit-flex: 1 100%; /* Chrome */ -ms-flex: 1 100%; /* IE 10 */ flex: 1 100%; }
@media (min-width: 768px) { .flex-wrapper > * { width: 0; -webkit-box-flex: 1 auto; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1 auto; /* OLD - Firefox 19- */ -webkit-flex: 1 auto; /* Chrome */ -ms-flex: 1 auto; /* IE 10 */ flex: 1 auto; } }

.block { display: block; }
@media (min-width: 768px) { .block.block--default { display: inline; } }

.br { display: block; }
@media (min-width: 768px) { .br { display: inline; } }

@media (min-width: 768px) { .br--large { display: block; } }

.center-block { display: block !important; margin-right: auto; margin-left: auto; }

.hidden { display: none !important; }

.img { display: block; width: 100%; }

.media, .media-body { overflow: hidden; zoom: 1; }

.media > .pull-left { margin-right: 20px; }

.media-object { display: block; }

.pull-left { float: left; }

.pull-right { float: right; }

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

@media (min-width: 1005px) { .sr-only { display: none; } }

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

.text-hide { font: 0/0 a; color: transparent !important; text-shadow: none; background-color: transparent; border: 0; }

@media (min-width: 768px) { .va { top: 50%; position: absolute; } }

.u-cf:after, .container:after, .grid-wrapper:after, .grid:after, .artandscience:after, .box--bordered:after, .dd-menu:after, .splash-wrapper:after, .brands-list:after, .brands-list > li:after, .cf:after { content: ""; display: table; clear: both; }

html { font: 62.5%/1.42857 "ProximaNovaRegular", Helvetica, Arial, sans-serif, serif; -webkit-font-smoothing: antialiased; }

body { font-size: 1.6rem; }
@media (min-width: 768px) { body { font-size: 20px; } }
@media (min-width: 1180px) { body { font-size: 2.2rem; } }
body .b-page { font-size: 1.6rem; }
@media (min-width: 768px) { body .b-page { font-size: 20px; } }
@media (min-width: 1005px) { body .b-page { font-size: 20px; } }

a { color: #07e; text-decoration: none; }
a:active, a:visited { color: #07e; text-decoration: none; }
a:hover { text-decoration: underline; }
a.title-link { display: block; text-decoration: underline; }

h1, .h1, h2, .h2, h3, .h3, h4, .h4 { font-weight: normal; line-height: 1.1; color: #444; margin-top: 0; margin-bottom: 11px; }

h2, .h2 { font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: -1px; font-size: 3.6rem; }
@media (min-width: 768px) { h2, .h2 { font-size: 5.2rem; } }
@media (min-width: 1180px) { h2, .h2 { font-size: 5.6rem; } }
.b-page h2, .b-page .h2 { font-size: 2.8rem; }
@media (min-width: 768px) { .b-page h2, .b-page .h2 { font-size: 3.5rem; } }
@media (min-width: 1005px) { .b-page h2, .b-page .h2 { font-size: 5.5rem; } }

h3, .h3 { font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 22px 0 11px; color: #e32; font-size: 2.7rem; }
@media (min-width: 768px) { h3, .h3 { font-size: 4.2rem; } }
@media (min-width: 1180px) { h3, .h3 { font-size: 4.5rem; } }
.b-page h3, .b-page .h3 { font-size: 2.7rem; }
@media (min-width: 768px) { .b-page h3, .b-page .h3 { font-size: 4rem; } }

h4, .h4 { font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 2.1rem; }
@media (min-width: 768px) { h4, .h4 { font-size: 2.6rem; } }
@media (min-width: 1180px) { h4, .h4 { font-size: 2.8rem; } }
.b-page h4, .b-page .h4 { font-size: 2.1rem; }
@media (min-width: 768px) { .b-page h4, .b-page .h4 { font-size: 2.6rem; } }

p { margin: 0 0 20px; }

small { line-height: 1.1; }
small.caption { display: inline-block; padding-top: 5px; }

strong, .strong { font-family: "ProximaNovaSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; }

.footnote { color: #999; display: block; font-size: 1.2rem; line-height: 1.2; }
@media (min-width: 768px) { .footnote { font-size: 1.4rem; } }
@media (min-width: 1180px) { .footnote { font-size: 1.4rem; } }
.b-page .footnote { font-size: 1.2rem; }

.hero__text { line-height: 1.1; }
@media (min-width: 768px) { .hero__text { font-size: 3.6rem; } }

.label--small { font: 1.4rem "ProximaNovaBold", "Helvetica Neue", Helvetica, Arial, sans-serif !important; color: #666; text-transform: uppercase; }

.post__title { text-align: left; margin-bottom: 5px; }

.post__username { color: #666; }

.red { color: #e32; }

.text--hero { font: 2rem "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif sans-serif; }

.text--light { color: #fff; }

html { min-width: 300px; background: #fff; }

html, body { background-color: #fff; height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

@media (min-width: 768px) { .column { -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; column-count: 2; -webkit-column-gap: 70px; -moz-column-gap: 70px; -ms-column-gap: 70px; -o-column-gap: 70px; column-gap: 70px; } }
.column .footnote { line-height: 30px; }

.container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; }
@media (min-width: 1005px) { .container { width: 990px; padding-left: 0; padding-right: 0; } }
@media (min-width: 1180px) { .container { width: 1115px; }
  .b-page .container { width: 990px; } }

.img-resize { display: block; margin: 30px auto 0px; max-width: 350px; width: 80%; }
@media (min-width: 1005px) { .img-resize { margin-top: 0px; max-width: 95%; width: auto; } }

.page-wrap { margin-top: 54px; }
@media (min-width: 1005px) { .page-wrap { margin-top: 68px; } }

@media (min-width: 768px) { .pull-left { float: left; } }

.section { text-align: center; }
@media (min-width: 768px) { .section { text-align: left; } }
.section--dark { background: #444; color: #fff; }
.section--dark h2 { color: #fff; }
.section--gradient { background:#ededed; /*linear-gradient(#ef2a6f, #eedc15);*/ color: #4e4e4e; }
.section--gradient h2 { color: #4e4e4e; }
.section--gradient h1{ color: #4e4e4e;}
.section h2 { margin-bottom: 40px; text-align: center; }
@media (min-width: 768px) { .section h2 { margin-bottom: 50px; } }

.section-space { padding: 50px 0; }
@media (min-width: 768px) { .section-space { padding: 100px 0; } }

.site-footer { text-align: center; line-height: 46px; }
.site-footer a { color: #666; }
.site-footer li { color: #999; font-size: 1.4rem; }
@media (min-width: 768px) { .site-footer { text-align: left; }
  .site-footer .container { position: relative; } }

.made-in-ny-logo { width: 46px; height: 46px; display: inline-block; background: url(http://www.buzzfeed.com/static/images/global/unified_sprite.png?v=201312101304) no-repeat -535px -497px; }
@media (min-width: 768px) { .made-in-ny-logo { position: absolute; right: 15px; top: 0; } }

.row + .row { padding-top: 30px; margin-top: 29px; }
.row.row--bordered { border-top: 1px solid #ddd; }

.grid-wrapper { margin-top: 30px; }

@media (min-width: 768px) { .grid2 { float: left; width: 50%; padding-right: 7.5px; margin-bottom: 30px; }
  .grid2:nth-child(2n) { padding-right: 0; padding-left: 7.5px; } }
.grid2 + .grid2 { margin-top: 30px; }
@media (min-width: 768px) { .grid2 + .grid2 { margin-top: 0; } }

.page-head { background: #fff; border-bottom: 2px solid #e32; left: 0; min-width: 300px; position: fixed; right: 0; top: 0; z-index: 1030; }
@media (min-width: 1005px) { .page-head { height: 68px; } }
.page-head__control { background-color: transparent; background-image: none; border-radius: 4px; border: 1px solid transparent; height: 54px; padding: 9px 10px; width: 54px; }
.page-head__control:hover { text-decoration: none; }
.page-head__control .fa { color: #fff; display: block; height: 34px; line-height: 34px; width: 34px; }
.page-head__container { position: relative; text-align: center; }
.page-head--BFred { background-color: #e32; }
.page-head__wrapper { overflow: hidden; }

.site-nav__toggle { position: absolute; top: 5px; }
.site-nav__toggle--nav { left: 10px; }
.site-nav__toggle--share { right: 10px; }

.ico--share { background: url("../../../images/ad_site/ui/share.gif?1389638168") no-repeat scroll center center transparent; }
.ico--toggle__bar { background-color: #333; border-radius: 1px; display: block; height: 2px; margin: 0 auto; width: 22px; }
.ico--toggle__bar + .ico--toggle__bar { margin-top: 4px; }

.header__links { display: none; }
@media (min-width: 1005px) { .header__links { color: #fff !important; display: block; line-height: 58px; margin-left: 10px; margin-top: 10px; }
  .header__links:active, .header__links:visited, .header__links:focus { text-decoration: none; } }

.nav { list-style: none; margin: 0; padding: 0; zoom: 1; }

.site-nav { overflow: hidden; }
.site-nav > li { position: relative; display: block; }
.site-nav > li > a { position: relative; display: block; padding: 7px 15px; color: #444; }
.site-nav > li > a:hover { color: #111; text-decoration: none; }
@media (min-width: 1005px) { .site-nav .nav-item--contact { margin-top: -7px; width: auto; } }

.nav-item--share { font: 0/0 a; color: transparent !important; text-shadow: none; background-color: transparent; border: 0; width: 53px; height: 68px; background-position-y: 27px; -webkit-display: inline-block; -moz-display: inline-block; -ms-display: inline-block; -o-display: inline-block; display: inline-block; -webkit-opacity: 0.75; -moz-opacity: 0.75; -ms-opacity: 0.75; -o-opacity: 0.75; opacity: 0.75; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.nav-item--share:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }

@media (min-width: 1005px) { nav[role="navigation"] { display: block; overflow: hidden; }
  .site-nav { float: right; }
  .site-nav > li { float: left; }
  .site-nav > li > a { display: block; padding: 33px 15px 18px; color: #444; font-size: 1.5rem; line-height: 15px; }
  .site-nav > li > .selected, .site-nav > li > .selected:hover { color: #e32; font-family: "ProximaNovaSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .badge-soad { width: 230px; height: 230px; } }
.page-lead { margin-top: 56px; padding-top: 30px; }
@media (min-width: 768px) { .page-lead { height: 540px; padding-top: 110px; position: relative; } }
@media (min-width: 1005px) { .page-lead { margin-top: 68px; /* The height of the header increases at over 992px */ } }

.page-lead__img { display: block; margin: 0px auto 30px; width: 250px; }
@media (min-width: 768px) { .page-lead__img { float: right; width: 450px; } }
@media (min-width: 1005px) { .page-lead__img { width: 550px; } }
@media (min-width: 1180px) { .page-lead__img { width: 650px; } }

.page-lead__text { color: #fff; font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 30px; padding: 0 20px; font-size: 3.4rem; text-align: center; }
@media (min-width: 768px) { .page-lead__text { font-size: 5rem; } }
@media (min-width: 1180px) { .page-lead__text { font-size: 5.8rem; } }
@media (min-width: 768px) { .page-lead__text { background: none; max-width: 410px; margin-bottom: 0; padding: 0; text-align: left; } }

.artandscience { margin-bottom: 30px; text-align: center; }
.artandscience .artandscience__item { display: inline-block; }

.amp { padding: 0 15px; vertical-align: top; line-height: 100px; }
@media (min-width: 768px) { .amp { padding: 0 30px; line-height: 120px; } }
@media (min-width: 1005px) { .amp { padding: 0 45px; line-height: 160px; } }
.amp:before { display: block; content: "&"; font-size: 3.2rem; color: #999; font-family: "ProximaNovaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }
@media (min-width: 768px) { .amp:before { font-size: 5.4rem; } }

.badge-soad { background-repeat: no-repeat; -webkit-background-size: 100%; -moz-background-size: 100%; -ms-background-size: 100%; -o-background-size: 100%; background-size: 100%; display: block; height: 100px; position: relative; width: 100px; }
@media (min-width: 768px) { .badge-soad { margin: 0 auto; width: 120px; height: 120px; } }
@media (min-width: 1005px) { .badge-soad { width: 160px; height: 160px; } }

.badge-soad--art { background-image: url("../../../images/ad_site/7_Overview/art.gif"); }

.badge-soad--science { background-image: url("../../../images/ad_site/7_Overview/science.gif"); }

.avatar { width: 40px; height: 40px; }

.box--bordered { padding: 5px; margin-bottom: 10px; border: 1px solid #ddd; }
@media (min-width: 768px) { .box--bordered { padding: 15px; } }

.btn { background: #e32; border: 0; color: #fff !important; cursor: pointer; font-family: "ProximaNovaSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 0; padding: 7px 10px; text-align: center; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; white-space: nowrap; width: 100%; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-display: inline-block; -moz-display: inline-block; -ms-display: inline-block; -o-display: inline-block; display: inline-block; }
@media (min-width: 768px) { .btn { width: 180px; } }
.btn:focus { outline: thin dotted #fff; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.btn:hover, .btn:focus { background-color: #cd2010; text-decoration: none; }

.btn--center { display: block !important; margin-right: auto; margin-left: auto; }
.btn--light { background: none; border: 1px solid #fff; width: 80%; }
.btn--light:hover, .btn--light:focus { background: #fff; color: #ef2a6f !important; }

.dd-menu--collapsed { display: none; }

.dd-menu-b-page--share .social a { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }

.flag { display: table; width: 100%; }
.flag + .flag { margin-top: 10px; }
.flag.flag--fixed { margin-left: auto; margin-right: auto; }
@media (min-width: 768px) { .flag.flag--fixed { width: auto; } }

.flag__image, .flag__body { display: table-cell; }
.flag--top .flag__image, .flag--top .flag__body { vertical-align: top; }
.flag--bottom .flag__image, .flag--bottom .flag__body { vertical-align: bottom; }

.flag__image { padding-right: 10px; }
.flag__image > img { display: block; max-width: none; }
.flag--rev .flag__image { padding-right: 0; padding-left: 10px; }

.flag__body { width: 100%; }

.flag--mama { position: relative; }

.flag--mama__object + .flag--mama__body { margin-top: 15px; }

@media (min-width: 768px) { .flag--mama { display: table; width: 100%; padding-bottom: 0 !important; }
  .flag--mama + .flag--mama { margin-top: 15px; }
  .flag--mama__object, .flag--mama__body { display: table-cell; margin-bottom: 0; vertical-align: middle; }
  .flag--mama__object { padding-right: 15px; }
  .flag--mama__object > img { margin: 0 auto; display: block; max-width: none; } }
@media (min-width: 768px) and (min-width: 1005px) { .flag--mama__object > img { margin: 0; text-align: right; } }
@media (min-width: 768px) { .flag--mama--rev .flag--mama__object { padding-right: 0; padding-left: 15px; }
  .flag--mama__body { width: 50%; }
  .flag--mama__body.flag--mama__body--large { width: 33%; } }
.flag--mama__object--pushed-down { position: absolute; bottom: 0; width: 100%; }
@media (min-width: 768px) { .flag--mama__object--pushed-down { position: relative; width: auto; } }

.flag--mama__body--pushed { position: absolute; top: 0; width: 100%; }
@media (min-width: 768px) { .flag--mama__body--pushed { position: relative; width: auto; } }

@media (min-width: 768px) { .contact-form { width: 500px; } }

.contact-form-title { background: url("../../../images/ad_site/6_GetStarted/AdSite_Dec2014_GetStarted.png") center top no-repeat; padding-top: 160px; }

.submit-contact { display: block; margin-top: 50px; }

.checkbox { display: block; min-height: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; }
.checkbox label { display: inline; margin-bottom: 0; font-weight: normal; cursor: pointer; }

.checkbox input[type="checkbox"] + label, .form-select { position: relative; }

.checkbox input[type="checkbox"] + label:before, .form-select:before { font-family: 'FontAwesome'; position: absolute; color: #444; }

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { float: left; margin-left: -20px; }

.form-select:before { content: "\f078 "; right: 10px; top: 7px; }

.form-select-inner { overflow: hidden; width: 100%; }
.form-select-inner select { background-color: transparent; border: medium none; box-shadow: none; outline: medium none; overflow: auto; position: relative; width: 110% !important; z-index: 2; }

input, textarea, .form-select { background: #eee; border-radius: 5px; }

input[type="text"], input[type="email"], textarea, select { border: 0; padding: 10px 15px; -webkit-appearance: none; }

input, textarea, select, label { color: #444; }

input, textarea, .checkbox, .form-select { margin-top: 25px; }

input[type="checkbox"] { margin: 6px 0 0; line-height: normal; }

label { line-height: 1.1em; }

::-webkit-input-placeholder { color: #666; }

:-moz-placeholder { color: #666; }

::-moz-placeholder { color: #666; }

:-ms-input-placeholder { color: #666; }

select { background: #eee; }

.wide-form input[type="text"], .wide-form input[type="email"], .wide-form select, .wide-form textarea { display: block; width: 100%; }

.graph__bar { height: 30px; position: relative; }
.graph__bar--BFblue { background-color: #0000ff; }
.graph__bar--BFred { background-color: #e32; }

.graph__value { line-height: 30px; }
.graph__bar + .graph__value { margin-left: 5px; z-index: 99; position: relative; }

.graph__axis { position: absolute; left: 10px; top: 55px; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; -o-transform-origin: top left; }

.graph { position: relative; padding-left: 30px; padding-top: 30px; }
@media (min-width: 768px) { .graph { padding-left: 40px; padding-top: 60px; } }
@media (min-width: 768px) { .graph.graph--more-padded { padding-top: 60px; } }
@media (min-width: 768px) { .graph.graph--more-padded .graph__axis { top: 120px; } }
.graph.graph--smallest-padded { padding-top: 0; }
.graph + .graph { margin-top: 10px; }
.graph.graph--smallest-padded + .graph { margin-top: 30px; }
.graph + p { margin-top: 15px; }
.graph .graph__axis { top: 85px; }

.graph__legend.graf__min--padded { margin: 10px 0 5px 6px; }

.brand-lift { position: absolute; top: 0; right: 0; padding: 7px; background-color: #eee; line-height: 1em; }
@media (min-width: 768px) { .brand-lift { padding: 7px 10px; } }

.graph__legend { display: inline-block; padding-left: 15px; margin: 10px 0 15px 40px; position: relative; }
.graph__legend + .graph__legend { margin-left: 5px; }
.graph__legend:before { display: inline-block; width: 10px; height: 10px; position: absolute; left: 0; top: 50%; margin-top: -5px; content: ""; }
.graph__legend.graph__legend--BFblue:before { background-color: #0000ff; }
.graph__legend.graph__legend--BFred:before { background-color: #e32; }

.graph__heading { margin-bottom: 15px; text-align: center; line-height: 1.1; }

.list--inline { padding: 0px; }
.list--inline > li { display: inline-block; padding-right: 10px; vertical-align: top; }
.list--unstyled { padding: 0px; }
.list--unstyled > li { padding-left: 0; list-style: none; }

.list-inline { padding-left: 0; list-style: none; overflow: hidden; font-size: 0; /* to remove the white space between divs */ }

.list-inline > li { display: -webkit-inline-block; display: -moz-inline-block; display: inline-block; padding-right: 5px; padding-left: 5px; }

.list-inline > li:first-child { padding-left: 0; }

.list-unstyled { padding-left: 0; list-style: none; }

.site-logo > img { background: url("http://www.vivaplaya.net/viva/wp-content/uploads/2012/09/viva_playa_logo2.png") no-repeat left center; display: block; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
.site-logo.site-logo--ad > img { background-image: url("http://www.vivaplaya.net/viva/wp-content/uploads/2012/09/viva_playa_logo2.png"); }
.site-logo--page-head > img { height: 50px; width: 50px; margin: 0 auto; }
@media (min-width: 1005px) { .site-logo--page-head > img { height: 50px; width: 50px; margin: auto; float: left; } }

.site-logo--ad--page-head > img { width: 50px; }
@media (min-width: 1005px) { .site-logo--ad--page-head > img { width: 50px; } }

.site-logo > img { background: url("../../../images/ad_site/ui/logo-white.svg") no-repeat left center; display: block; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }
.site-logo.site-logo--ad > img { background-image: url("../../../images/ad_site/ui/bf_logo_advertise.svg"); }
.site-logo--page-head > img { height: 54px; width: 126px; margin: 0 auto; }
@media (min-width: 1005px) { .site-logo--page-head > img { height: 68px; width: 177px; margin: auto; float: left; } }

.site-logo--ad--page-head > img { width: 196px; }
@media (min-width: 1005px) { .site-logo--ad--page-head > img { width: 275px; } }

.media, .media__body { overflow: hidden; zoom: 1; }

.media, .media .media { margin-top: 15px; }

.media:first-child { margin-top: 0; }

.media__object { display: block; }

.media__heading { margin: 0 0 5px; }

.media > .pull-left { margin-right: 10px; }
.media > .pull-right { margin-left: 10px; }

.media__list { padding-left: 0; list-style: none; }

.media--author { margin-top: 5px; font-size: 1.4rem; line-height: 20px; }

.media--hack > .media__body { width: 100%; }
.media--hack .media__object { margin: 0 auto; }
.media--hack .pull-left.portfolio__img { float: none; }
@media (min-width: 768px) { .media--hack .pull-left.portfolio__img { float: left; } }

@media (min-width: 768px) { .media--hack .media__body { margin: 0; width: 50%; }
  .media--hack > .pull-left { padding-right: 10px; margin: 0; width: 50%; }
  .media--hack > .pull-right { padding-left: 10px; margin: 0; width: 50%; }
  .media--hack-brands .portfolio__heading { margin-top: 100px; }
  .media--hack-uniques > .pull-left { margin-top: 50px; }
  .media--hack-video .media__body { margin-top: 25px; width: 50%; } }
@media (min-width: 768px) and (min-width: 1005px) { .media--hack-video .media__body { margin-top: 35px; } }

@media (min-width: 768px) { .media--hack--virgin .media__object { margin-top: 30px; }
  .media--hack-tee .grid { margin-top: 30px; } }
.media--hack-tee .pull-left { float: none; }
@media (min-width: 1005px) { .media--hack-tee { float: left; } }

.nav-btn { background-color: transparent; border: 1px solid transparent; color: #333 !important; cursor: pointer; height: 44px; padding: 2px 6px 3px; width: 44px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.nav-btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; }
.nav-btn:hover, .nav-btn:focus { background-color: #eee; }

.portfolio__chapo { font-family: "ProximaNovaSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.1; margin-bottom: 30px; text-align: center; }
@media (min-width: 768px) { .portfolio__chapo { margin-bottom: 0; text-align: left; } }
.portfolio__chapo__figures { text-align: left; }
@media (min-width: 768px) { .portfolio__chapo__figures { margin-top: 5px; } }
.portfolio__chapo__figures .media__object { width: 65px; text-align: right; }
@media (min-width: 768px) { .portfolio__chapo__figures .media__object { width: auto; } }
@media (min-width: 768px) { .portfolio__footnote { line-height: 33px; } }
.portfolio__chapo__figures + .portfolio__footnote { margin-top: 15px; }
.portfolio__heading { margin-bottom: 30px; text-align: center; }
@media (min-width: 768px) { .portfolio__heading { margin-bottom: 7.5px; text-align: left; } }
.portfolio__img img { max-width: 350px; width: 75%; display: block; margin: 0 auto; }
@media (min-width: 1005px) { .portfolio__img img { max-width: none; width: auto; } }
.portfolio__img img.img--large { max-width: 100%; width: auto; }
@media (min-width: 768px) { .portfolio__img img.img--large { margin: 0; max-width: none; } }
@media (min-width: 768px) { .portfolio__img img.img--map { width: 100%; } }
@media (min-width: 1005px) { .portfolio__img img.img--map { width: auto; } }

.portfolio-desktop { display: none; }
@media (min-width: 768px) { .portfolio-desktop { display: table-cell; } }

@media (min-width: 1005px) { .image_large { width: 50%; }
  .image_large > img { width: 100% !important; } }
.social { padding-left: 0; list-style: none; margin: 25px auto; overflow: hidden; font-size: 0; text-align: center; }
.social li { -webkit-display: inline-block; -moz-display: inline-block; -ms-display: inline-block; -o-display: inline-block; display: inline-block; }
.social a { display: block; height: 60px; width: 60px; margin: 0 5px; background: transparent url("../../../images/ad_site/ui/big-share2.png") left top no-repeat; -webkit-background-size: 180px 60px; -moz-background-size: 180px 60px; -ms-background-size: 180px 60px; -o-background-size: 180px 60px; background-size: 180px 60px; font: 0/0 a; color: transparent !important; text-shadow: none; background-color: transparent; border: 0; -webkit-opacity: 0.4; -moz-opacity: 0.4; -ms-opacity: 0.4; -o-opacity: 0.4; opacity: 0.4; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }
.social a:hover { -webkit-opacity: 1; -moz-opacity: 1; -ms-opacity: 1; -o-opacity: 1; opacity: 1; }
.social .tw { background-position: -60px 0; }
.social .li { background-position: -120px 0; }

.social--large li { padding-left: 15px; padding-right: 15px; }
@media (min-width: 768px) { .social--large a { height: 140px; width: 140px; -webkit-background-size: auto; -moz-background-size: auto; -ms-background-size: auto; -o-background-size: auto; background-size: auto; }
  .social--large a.tw { background-position: -140px 0; }
  .social--large a.li { background-position: -280px 0; } }

.splash { -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; margin-bottom: 15px; background-repeat: no-repeat; }
.splash > img { width: 100%; }
.splash__text { padding: 5px; position: absolute; top: 15px; left: 15px; max-width: 50%; margin-bottom: 0; color: #000; background: rgba(255, 255, 255, 0.7); font: 1.4rem "ProximaNovaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.1; }
@media (min-width: 768px) { .splash__text { padding: 15px; font-size: 4.8rem; } }
.splash__text.splash__text--bottom-left { top: auto; right: auto; bottom: 15px; left: 15px; }
.splash__text.splash__text--top-left { top: 15px; right: auto; bottom: auto; left: 15px; }

.splash-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

@media (min-width: 1005px) { .splash-wrapper { margin-right: auto; margin-left: auto; width: 990px; } }

.splash--1-40 { position: relative; width: 100%; }
.splash--1-40:before { content: ""; display: block; padding-top: 40%; }
.splash--1-40 .rb-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }

.splash--nestea { background-image: url("/static/images/ad_site/case_studies/nestea_splash.jpg"); }

.splash--mini { background-image: url("/static/images/ad_site/case_studies/mini_splash.jpg"); }

.splash--taco { background-image: url("/static/images/ad_site/case_studies/taco_splash.jpg"); }

.splash--virgin { background-image: url("/static/images/ad_site/case_studies/virgin_splash.jpg"); }

.splash--hiddenvalley { background-image: url("/static/images/ad_site/case_studies/hiddenvalley_splash.jpg"); }

.splash--ge { background-image: url("/static/images/ad_site/case_studies/ge_splash.jpg"); }

.splash--overview { background-image: url("/static/images/ad_site/7_Overview/overview-splash-header.jpg"); }

.splash--emotion { background-image: url("/static/images/ad_site/9_SocialContent/emotional-splash-header.jpg"); }

.splash--video { background-image: url("/static/images/ad_site/8_Video/video-splash-header.jpg"); }

.video-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.section-audience { line-height: 1; }
.section-audience .audience-figures__headline { color: #fff; display: block; font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 3.2rem; }
@media (min-width: 768px) { .section-audience .audience-figures__headline { font-size: 5rem; } }
@media (min-width: 1180px) { .section-audience .audience-figures__headline { font-size: 5.8rem; } }
.section-audience .audience-figures__headline + .audience-figures__footnote { margin-top: 10px; }
.section-audience .audience-figures__meta { color: #ffff33; display: block; font-family: "ProximaNovaSemiBold", "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 1.8; font-size: 1.9rem; }
@media (min-width: 768px) { .section-audience .audience-figures__meta { font-size: 3.2rem; } }
@media (min-width: 1180px) { .section-audience .audience-figures__meta { font-size: 3.4rem; } }
.section-audience .border { border-top: 2px solid #666; }
.section-audience .flex-wrapper > * { align-self: center; }
.section-audience .row { margin: 30px 0; padding-top: 30px; }
@media (min-width: 768px) { .section-audience .row { margin: 70px 0; padding-top: 70px; } }
.section-audience .row.row--odd .col--1 { order: 1; }
@media (min-width: 768px) { .section-audience .row.row--odd .col--1 { order: 0; } }
@media (min-width: 768px) { .section-audience .row--odd .col--2 { padding-left: 25px; } }
.section-audience .row.row--1 { padding-top: 0px; }
.section-audience .row.row--4 { margin-bottom: 0px; }

.brands-list { list-style: none; margin: 0; margin-left: -10px; padding: 0; }
.brands-list > li { padding: 20px 0 20px 10px; -webkit-display: inline-block; -moz-display: inline-block; -ms-display: inline-block; -o-display: inline-block; display: inline-block; width: 50%; }
@media (min-width: 768px) { .brands-list > li { padding: 85px 0 85px 10px; width: 32%; } }
.brands-list > li .brands-list__items { display: block; padding-bottom: 10px; position: relative; }
@media (min-width: 768px) { .brands-list > li .brands-list__items { padding-bottom: 0; } }
.brands-list > li .brands-list__items img { margin: 0 auto; max-width: 250px; }

@media (min-width: 1180px) { .section-how .container { max-width: 1190px; width: 1190px; } }
.section-how__img { margin-bottom: 10px; max-width: 270px; width: 100%; }
@media (min-width: 768px) { .section-how__img { margin-bottom: 30px; } }
.section-how__list li { font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; margin-bottom: 20px; padding: 0 10px; text-align: center; width: 33%; }
@media (min-width: 768px) { .section-how__list li { margin-bottom: 0px; } }
@media (min-width: 1180px) { .section-how__list li { padding: 0px; } }
.section-how__text { line-height: 1.2; padding: 0 10px; }
@media (min-width: 1180px) { .section-how__text { padding: 0; }
  li:first-child .section-how__text, li:last-child .section-how__text { padding: 0 40px; } }

.section-products { text-align: left; }
.section-products h2 { color: #444; }

.section-entry { border-top: 1px solid #ddd; padding-top: 50px; margin-top: 49px; }
.section-entry:first-child { border-top: none; padding-top: 0; margin-top: 0; }
@media (min-width: 768px) { .section-entry { padding-top: 59px; margin-top: 60px; } }

.resources-list { list-style: none; margin-left: 0; padding-left: 0; }
@media (min-width: 768px) { .resources-list { display: table; } }
.resources-list .resources-image { margin-bottom: 10px; width: auto; }
.resources-list .resources-item { border-top: 1px solid #fff; margin-top: 49px; padding-top: 50px; position: relative; text-align: center; width: 100%; }
@media (min-width: 768px) { .resources-list .resources-item { border-top: 0; display: table-cell; margin-top: 0; padding-top: 0; padding: 0 25px 50px; text-align: left; width: 33%; }
  .resources-list .resources-item:last-child { border-right: none; padding-right: 0; } }
.resources-list .resources-item:first-child { border-top: none; margin-top: 0; padding-top: 0; }
.resources-list .resources-item .resources-item-description { border-bottom: 1px solid #f66; padding-bottom: 25px; margin-bottom: 24px; }
.resources-list .resources-item:last-child .resources-item-description { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }
@media (min-width: 768px) { .resources-list .resources__btn { position: absolute; bottom: 0; } }


#case-studies{ background: #272727 !important}