@media screen and (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (min-width: 768px) {
}@media (min-width: 768px) {
}@media (max-width: 767px) {
}@media (max-width: 767px) {
}.mosaic-grid-row:before,
.mosaic-grid-row:after,
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:before,
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:before,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after {
  content: " ";display: table;
}
.mosaic-grid-row:after,
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row:after {
  clear: both;
}
/* Grid classes, these can also be nested */
.mosaic-grid-row {
  position: relative;
  margin-left: -15px;
  margin-right: -15px;
}
body.template-layout.no-portlet-columns .outer-wrapper > .container,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container {
  width: auto;
}
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 750px;
  }
}
@media (min-width: 992px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 990px;
  }
}
@media (min-width: 1200px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1170px;
  }
}
@media (min-width: 1600px) {
  body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row,
  body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1570px;
  }
}
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row .mosaic-innergrid-row {
  width: auto;
  margin-left: -15px;
  margin-right: -15px;
}
body.template-layout.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row.mosaic-grid-row-fluid,
body.mosaic-enabled.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row.mosaic-grid-row-fluid {
  margin-left: -15px;
  margin-right: -15px;
  padding-left: 15px;
  padding-right: 15px;
  width: auto;
  max-width: none;
}
@media (min-width: 828px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 690px;
  }
}
@media (min-width: 1052px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 930px;
  }
}
@media (min-width: 1260px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1110px;
  }
}
@media (min-width: 1660px) {
  body.plone-toolbar-left-default.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1510px;
  }
}
@media (min-width: 888px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 630px;
  }
}
@media (min-width: 1112px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 870px;
  }
}
@media (min-width: 1320px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1050px;
  }
}
@media (min-width: 1720px) {
  body.plone-toolbar-left-expanded.no-portlet-columns .outer-wrapper > .container .mosaic-grid-row {
    width: 1450px;
  }
}
/* Widths, these are abstracted out so that pixel-based layouts or other
   similar approaches can be retrofitted without changing the markup,
   or if you want to apply rules like the Golden Ratio to your layouts */
.mosaic-width-full {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-width-half {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .mosaic-width-half {
    float: left;
    width: 50%;
  }
}
.mosaic-width-quarter {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .mosaic-width-quarter {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .mosaic-width-quarter {
    float: left;
    width: 25%;
  }
}
.mosaic-width-three-quarters {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .mosaic-width-three-quarters {
    float: left;
    width: 50%;
  }
}
@media (min-width: 992px) {
  .mosaic-width-three-quarters {
    float: left;
    width: 75%;
  }
}
.mosaic-width-third {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .mosaic-width-third {
    float: left;
    width: 33.33333333%;
  }
}
.mosaic-width-two-thirds {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 992px) {
  .mosaic-width-two-thirds {
    float: left;
    width: 66.66666667%;
  }
}
.mosaic-enabled {
  /* Widths, these are abstracted out so that pixel-based layouts or other
     similar approaches can be retrofitted without changing the markup,
     or if you want to apply rules like the Golden Ratio to your layouts */
}
.mosaic-enabled .mosaic-width-full {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-half {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-quarter {
  position: relative;
  float: left;
  width: 25%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-three-quarters {
  position: relative;
  float: left;
  width: 75%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-third {
  position: relative;
  float: left;
  width: 33.33333333%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.mosaic-enabled .mosaic-width-two-thirds {
  position: relative;
  float: left;
  width: 66.66666667%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}