.row:before {
  content:" ";
  display:table;
}

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

.row  {
  width:100%;
  max-width:1200px;
  *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%;
}

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

.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: 852px) {
.row [class*="coffee-852-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-852-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: 729px) {
.row [class*="coffee-729-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-729-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: 663px) {
.row [class*="coffee-663-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-663-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: 590px) {
.row [class*="coffee-590-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-590-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: 518px) {
.row [class*="coffee-518-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-518-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: 440px) {
.row [class*="coffee-440-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-440-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: 300px) {
.row [class*="coffee-300-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-300-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;
}
}