/************************ 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; vertical-align: baseline;
	}

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

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

[hidden] { display: none; }


ol, ul { list-style: none; }

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

caption, th, td {  }

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 **********************/


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



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

.inline { display: inline; }

.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:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

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


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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


}