.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:6.25%;
}

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-span-13 {
  width:81.25%;
}

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

.row .coffee-span-15 {
  width:93.75%;
}

.row .coffee-span-16 {
  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:6.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-push-15 {
  left:93.75%;
}

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

.row .coffee-push-13 {
  left:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-pull-15 {
  right:93.75%;
}

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

.row .coffee-pull-13 {
  right:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
@media screen and (max-width: 938px) {
.row [class*="coffee-938-span-"] {
  padding-left:8px;
  padding-right:8px;
  float:left;
}

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-938-span-13 {
  width:81.25%;
}

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

.row .coffee-938-span-15 {
  width:93.75%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-938-offset-13 {
  margin-left:81.25%;
}

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

.row .coffee-938-offset-15 {
  margin-left:93.75%;
}

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

.row .coffee-938-push-15 {
  left:93.75%;
}

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

.row .coffee-938-push-13 {
  left:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-938-pull-15 {
  right:93.75%;
}

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

.row .coffee-938-pull-13 {
  right:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-938-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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-552-span-13 {
  width:81.25%;
}

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

.row .coffee-552-span-15 {
  width:93.75%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-552-offset-13 {
  margin-left:81.25%;
}

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

.row .coffee-552-offset-15 {
  margin-left:93.75%;
}

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

.row .coffee-552-push-15 {
  left:93.75%;
}

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

.row .coffee-552-push-13 {
  left:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-552-pull-15 {
  right:93.75%;
}

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

.row .coffee-552-pull-13 {
  right:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-552-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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-315-span-13 {
  width:81.25%;
}

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

.row .coffee-315-span-15 {
  width:93.75%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-315-offset-13 {
  margin-left:81.25%;
}

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

.row .coffee-315-offset-15 {
  margin-left:93.75%;
}

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

.row .coffee-315-push-15 {
  left:93.75%;
}

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

.row .coffee-315-push-13 {
  left:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-315-pull-15 {
  right:93.75%;
}

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

.row .coffee-315-pull-13 {
  right:81.25%;
}

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

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

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

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

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

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

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

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

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

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

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

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

.row .coffee-315-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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></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="6.25%" height="200%" y="-50%" x="-6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="0%"></rect><rect width="6.25%" height="200%" y="-50%" x="6.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="12.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="18.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="25%"></rect><rect width="6.25%" height="200%" y="-50%" x="31.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="37.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="43.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="50%"></rect><rect width="6.25%" height="200%" y="-50%" x="56.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="62.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="68.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="75%"></rect><rect width="6.25%" height="200%" y="-50%" x="81.25%"></rect><rect width="6.25%" height="200%" y="-50%" x="87.5%"></rect><rect width="6.25%" height="200%" y="-50%" x="93.75%"></rect><rect width="6.25%" height="200%" y="-50%" x="100%"></rect></g></svg>');
  background-repeat:no-repeat, no-repeat;
}
}