X
/************************ Reset ******************************/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@-ms-viewport { width: device-width; }

/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }

audio:not([controls]) { display: none; height: 0; }

[hidden] { display: none; }

html { line-height: 1; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; }

ol, ul { list-style: none; }

ul ul { font-size: 100%; }

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

img, a img { border: none; -ms-interpolation-mode: bicubic; }

svg:not(:root) { overflow: hidden; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }
*/

.clear { clear: both; }

/************************ Helper Styles **********************/
/* img { max-width: 100%; width: auto; height: auto; vertical-align: middle; border: 0; -ms-intepolation-mode: bicubic; } */
img.round, .responsive-image.round img { -o-border-radius: 31.25em; -ms-border-radius: 31.25em; -moz-border-radius: 31.25em; -webkit-border-radius: 31.25em; border-radius: 31.25em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }
img.framed, .responsive-image.framed img { padding: 4px; border: 1px solid #eee; background: #fff; margin: 0.0625em 0.0625em 0.625em 0.0625em; -o-border-radius: 0.25em; -ms-border-radius: 0.25em; -moz-border-radius: 0.25em; -webkit-border-radius: 0.25em; border-radius: 0.25em; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; }



.hide { display: none !important; visibility: hidden !important; }

.super-header { margin-top: 0px; width: 100%; }
.super-header h1 { font-size: 3.39787em; }
.super-header h2 { font-size: 2.8315em; }

.centered { margin-left: auto; margin-right: auto; }

.inline { display: inline; }

.social-media { display: inline; margin-top: 0.625em; }
.social-media li { display: inline; padding: 0.125em; }

.no-bottom-margin { margin-bottom: 0; }

/* ========================================================================== Helper classes ========================================================================== */
.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }

.ir:before { content: ""; display: block; width: 0; height: 150%; }

.hidden { display: none !important; visibility: hidden; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 0.0625em; margin: -0.0625em; overflow: hidden; padding: 0; position: absolute; width: 0.0625em; }

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

.clearfix { *zoom: 1; }
.row:before {
  content:" ";
  display:table;
}

.row:after {
  content:" ";
  display:table;
  clear:both;
}

.row  {
  width:100%;
  max-width:1280px;
  *zoom:1;
}

.row [class*="coffee-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-span-1 {
  width:8.333333333333332%;
}

.row .coffee-span-2 {
  width:16.666666666666664%;
}

/* --- WAS ---
.row .coffee-span-3 {
  width:25%;
}
Modded to accomodate featured items shim
*/

.row .coffee-span-3 {
  width:23%;
}

.row .coffee-span-4 {
  width:33.33333333333333%;
}

.row .coffee-span-5 {
  width:41.666666666666664%;
}

.row .coffee-span-6 {
  width:50%;
}

.row .coffee-span-7 {
  width:58.33333333333333%;
}

.row .coffee-span-8 {
  width:66.66666666666666%;
}

.row .coffee-span-9 {
  width:75%;
}

.row .coffee-span-10 {
  width:83.33333333333333%;
}

.row .coffee-span-11 {
  width:91.66666666666666%;
}

.row .coffee-span-12 {
  width:100%;
}

[class*="coffee-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-offset-0 {
  margin-left:0%;
}

.row .coffee-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-offset-3 {
  margin-left:25%;
}

.row .coffee-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-offset-6 {
  margin-left:50%;
}

.row .coffee-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-offset-9 {
  margin-left:75%;
}

.row .coffee-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-push-"] {
  position:relative;
}

.row .coffee-push-11 {
  left:91.66666666666666%;
}

.row .coffee-push-10 {
  left:83.33333333333333%;
}

.row .coffee-push-9 {
  left:75%;
}

.row .coffee-push-8 {
  left:66.66666666666666%;
}

.row .coffee-push-7 {
  left:58.33333333333333%;
}

.row .coffee-push-6 {
  left:50%;
}

.row .coffee-push-5 {
  left:41.666666666666664%;
}

.row .coffee-push-4 {
  left:33.33333333333333%;
}

.row .coffee-push-3 {
  left:25%;
}

.row .coffee-push-2 {
  left:16.666666666666664%;
}

.row .coffee-push-1 {
  left:8.333333333333332%;
}

.row .coffee-push-0 {
  left:auto;
}

.row [class*="coffee-pull-"] {
  position:relative;
}

.row .coffee-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-pull-9 {
  right:75%;
}

.row .coffee-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-pull-6 {
  right:50%;
}

.row .coffee-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-pull-3 {
  right:25%;
}

.row .coffee-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
@media screen and (max-width: 1060px) {
.row [class*="coffee-1060-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-1060-span-1 {
  width:8.333333333333332%;
}

.row .coffee-1060-span-2 {
  width:16.666666666666664%;
}

.row .coffee-1060-span-3 {
  width:25%;
}

.row .coffee-1060-span-4 {
  width:33.33333333333333%;
}

.row .coffee-1060-span-5 {
  width:41.666666666666664%;
}

.row .coffee-1060-span-6 {
  width:50%;
}

.row .coffee-1060-span-7 {
  width:58.33333333333333%;
}

.row .coffee-1060-span-8 {
  width:66.66666666666666%;
}

.row .coffee-1060-span-9 {
  width:75%;
}

.row .coffee-1060-span-10 {
  width:83.33333333333333%;
}

.row .coffee-1060-span-11 {
  width:91.66666666666666%;
}

.row .coffee-1060-span-12 {
  width:100%;
}

[class*="coffee-1060-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-1060-offset-0 {
  margin-left:0%;
}

.row .coffee-1060-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-1060-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-1060-offset-3 {
  margin-left:25%;
}

.row .coffee-1060-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-1060-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-1060-offset-6 {
  margin-left:50%;
}

.row .coffee-1060-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-1060-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-1060-offset-9 {
  margin-left:75%;
}

.row .coffee-1060-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-1060-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-1060-push-"] {
  position:relative;
}

.row .coffee-1060-push-11 {
  left:91.66666666666666%;
}

.row .coffee-1060-push-10 {
  left:83.33333333333333%;
}

.row .coffee-1060-push-9 {
  left:75%;
}

.row .coffee-1060-push-8 {
  left:66.66666666666666%;
}

.row .coffee-1060-push-7 {
  left:58.33333333333333%;
}

.row .coffee-1060-push-6 {
  left:50%;
}

.row .coffee-1060-push-5 {
  left:41.666666666666664%;
}

.row .coffee-1060-push-4 {
  left:33.33333333333333%;
}

.row .coffee-1060-push-3 {
  left:25%;
}

.row .coffee-1060-push-2 {
  left:16.666666666666664%;
}

.row .coffee-1060-push-1 {
  left:8.333333333333332%;
}

.row .coffee-1060-push-0 {
  left:auto;
}

.row [class*="coffee-1060-pull-"] {
  position:relative;
}

.row .coffee-1060-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-1060-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-1060-pull-9 {
  right:75%;
}

.row .coffee-1060-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-1060-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-1060-pull-6 {
  right:50%;
}

.row .coffee-1060-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-1060-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-1060-pull-3 {
  right:25%;
}

.row .coffee-1060-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-1060-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-1060-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}

@media screen and (max-width: 645px) {
.row [class*="coffee-645-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-645-span-1 {
  width:8.333333333333332%;
}

.row .coffee-645-span-2 {
  width:16.666666666666664%;
}

.row .coffee-645-span-3 {
  width:25%;
}

.row .coffee-645-span-4 {
  width:33.33333333333333%;
}

.row .coffee-645-span-5 {
  width:41.666666666666664%;
}

.row .coffee-645-span-6 {
  width:50%;
}

.row .coffee-645-span-7 {
  width:58.33333333333333%;
}

.row .coffee-645-span-8 {
  width:66.66666666666666%;
}

.row .coffee-645-span-9 {
  width:75%;
}

.row .coffee-645-span-10 {
  width:83.33333333333333%;
}

.row .coffee-645-span-11 {
  width:91.66666666666666%;
}

.row .coffee-645-span-12 {
  width:100%;
}

[class*="coffee-645-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-645-offset-0 {
  margin-left:0%;
}

.row .coffee-645-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-645-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-645-offset-3 {
  margin-left:25%;
}

.row .coffee-645-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-645-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-645-offset-6 {
  margin-left:50%;
}

.row .coffee-645-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-645-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-645-offset-9 {
  margin-left:75%;
}

.row .coffee-645-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-645-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-645-push-"] {
  position:relative;
}

.row .coffee-645-push-11 {
  left:91.66666666666666%;
}

.row .coffee-645-push-10 {
  left:83.33333333333333%;
}

.row .coffee-645-push-9 {
  left:75%;
}

.row .coffee-645-push-8 {
  left:66.66666666666666%;
}

.row .coffee-645-push-7 {
  left:58.33333333333333%;
}

.row .coffee-645-push-6 {
  left:50%;
}

.row .coffee-645-push-5 {
  left:41.666666666666664%;
}

.row .coffee-645-push-4 {
  left:33.33333333333333%;
}

.row .coffee-645-push-3 {
  left:25%;
}

.row .coffee-645-push-2 {
  left:16.666666666666664%;
}

.row .coffee-645-push-1 {
  left:8.333333333333332%;
}

.row .coffee-645-push-0 {
  left:auto;
}

.row [class*="coffee-645-pull-"] {
  position:relative;
}

.row .coffee-645-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-645-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-645-pull-9 {
  right:75%;
}

.row .coffee-645-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-645-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-645-pull-6 {
  right:50%;
}

.row .coffee-645-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-645-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-645-pull-3 {
  right:25%;
}

.row .coffee-645-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-645-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-645-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}

@media screen and (max-width: 398px) {
.row [class*="coffee-398-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

.row .coffee-398-span-1 {
  width:8.333333333333332%;
}

.row .coffee-398-span-2 {
  width:16.666666666666664%;
}

.row .coffee-398-span-3 {
  width:25%;
}

.row .coffee-398-span-4 {
  width:33.33333333333333%;
}

.row .coffee-398-span-5 {
  width:41.666666666666664%;
}

.row .coffee-398-span-6 {
  width:50%;
}

.row .coffee-398-span-7 {
  width:58.33333333333333%;
}

.row .coffee-398-span-8 {
  width:66.66666666666666%;
}

.row .coffee-398-span-9 {
  width:75%;
}

.row .coffee-398-span-10 {
  width:83.33333333333333%;
}

.row .coffee-398-span-11 {
  width:91.66666666666666%;
}

.row .coffee-398-span-12 {
  width:100%;
}

[class*="coffee-398-span-"]>.subgrid  {
  margin-left:-8px;
  margin-right:-8px;
}

.row .coffee-398-offset-0 {
  margin-left:0%;
}

.row .coffee-398-offset-1 {
  margin-left:8.333333333333332%;
}

.row .coffee-398-offset-2 {
  margin-left:16.666666666666664%;
}

.row .coffee-398-offset-3 {
  margin-left:25%;
}

.row .coffee-398-offset-4 {
  margin-left:33.33333333333333%;
}

.row .coffee-398-offset-5 {
  margin-left:41.666666666666664%;
}

.row .coffee-398-offset-6 {
  margin-left:50%;
}

.row .coffee-398-offset-7 {
  margin-left:58.33333333333333%;
}

.row .coffee-398-offset-8 {
  margin-left:66.66666666666666%;
}

.row .coffee-398-offset-9 {
  margin-left:75%;
}

.row .coffee-398-offset-10 {
  margin-left:83.33333333333333%;
}

.row .coffee-398-offset-11 {
  margin-left:91.66666666666666%;
}

.row [class*="coffee-398-push-"] {
  position:relative;
}

.row .coffee-398-push-11 {
  left:91.66666666666666%;
}

.row .coffee-398-push-10 {
  left:83.33333333333333%;
}

.row .coffee-398-push-9 {
  left:75%;
}

.row .coffee-398-push-8 {
  left:66.66666666666666%;
}

.row .coffee-398-push-7 {
  left:58.33333333333333%;
}

.row .coffee-398-push-6 {
  left:50%;
}

.row .coffee-398-push-5 {
  left:41.666666666666664%;
}

.row .coffee-398-push-4 {
  left:33.33333333333333%;
}

.row .coffee-398-push-3 {
  left:25%;
}

.row .coffee-398-push-2 {
  left:16.666666666666664%;
}

.row .coffee-398-push-1 {
  left:8.333333333333332%;
}

.row .coffee-398-push-0 {
  left:auto;
}

.row [class*="coffee-398-pull-"] {
  position:relative;
}

.row .coffee-398-pull-11 {
  right:91.66666666666666%;
}

.row .coffee-398-pull-10 {
  right:83.33333333333333%;
}

.row .coffee-398-pull-9 {
  right:75%;
}

.row .coffee-398-pull-8 {
  right:66.66666666666666%;
}

.row .coffee-398-pull-7 {
  right:58.33333333333333%;
}

.row .coffee-398-pull-6 {
  right:50%;
}

.row .coffee-398-pull-5 {
  right:41.666666666666664%;
}

.row .coffee-398-pull-4 {
  right:33.33333333333333%;
}

.row .coffee-398-pull-3 {
  right:25%;
}

.row .coffee-398-pull-2 {
  right:16.666666666666664%;
}

.row .coffee-398-pull-1 {
  right:8.333333333333332%;
}

.row .coffee-398-pull-0 {
  right:auto;
}

.show_grid_structure>.row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}

.show_subgrid_structure>.row .row {
  background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin" width="100%" height="100%"><g style="fill:#FFF; fill-opacity:0; stroke:rgb(200,200,200); stroke-opacity:0.16; stroke-width:16px"><rect width="8.333333333333332%" height="200%" y="-50%" x="-8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="0%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="8.333333333333332%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="16.666666666666664%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="24.999999999999996%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="33.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="41.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="49.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="58.33333333333333%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="66.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="74.99999999999999%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="83.33333333333331%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="91.66666666666666%"></rect><rect width="8.333333333333332%" height="200%" y="-50%" x="99.99999999999999%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}