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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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