html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  line-height:1.2;
  box-sizing:border-box
}
ul li {list-style:none}


.row {width:100%; margin:0 auto;}
.standard-width {max-width:1200px;margin:0 auto;}

.row:before, .row:after {content:" "; display:table;}
.row:after {clear:both;}
.row > .col {float:left; padding:0 20px; position:relative;}
.row.reverse > .col {float:right; padding:0 20px;}
.row.collapse > .col {float:left; padding:0;}
.row.reverse.collapse > .col {float:right; padding:0;}
.col.centered {float:initial!important; margin:0 auto;}

.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.pull-right {float:right;}
.pull-left {float:left;}
.clear {clear:both;}
.bold {font-weight:bold;}
.fit-img img {width:100%}

@media only screen and (max-width:420px) { /* mobile only */
  .small-1 {width:8.3333333%;}
  .small-2 {width:16.6666666%;}
  .small-3 {width:25%;}
  .small-4 {width:33.3333333%;}
  .small-5 {width:41.6666667%;}
  .small-6 {width:50%;}
  .small-7 {width:58.3333333%;}
  .small-8 {width:66.6666666%;}
  .small-9 {width:75%;}
  .small-10 {width:83.333333%;}
  .small-11 {width:91.6666667%;}
  .small-12 {width:100%;}

/*  .small-6:nth-of-type(2n+1) {clear:both;}
  .small-5:nth-of-type(2n+1) {clear:left;}
  .small-4:nth-of-type(3n+1) {clear:both;}
  .small-3:nth-of-type(4n+1) {clear:both;}
  .small-2:nth-of-type(6n+1) {clear:both;}
  .small-1:nth-of-type(12n+1) {clear:both;}*/

  .show-for-medium-up {display:none;}
  .show-for-medium-only {display:none;}
  .show-for-large-only {display:none;}
  .hide-for-small-only {display:none;}
  .hide-for-medium-down {display:none;}

  .center-on-small {text-align:center}
  .left-on-small {text-align:left}
  .right-on-small {text-align:right}
}

@media only screen and (min-width:421px) and (max-width:1024px) { /* tablet only */ 
  .small-1:not([class*="medium-"]), .medium-1 {width:8.3333333%;}
  .small-2:not([class*="medium-"]), .medium-2 {width:16.6666666%;}
  .small-3:not([class*="medium-"]), .medium-3 {width:25%;}
  .small-4:not([class*="medium-"]), .medium-4 {width:33.3333333%;}
  .small-5:not([class*="medium-"]), .medium-5 {width:41.6666667%;}
  .small-6:not([class*="medium-"]), .medium-6 {width:50%;}
  .small-7:not([class*="medium-"]), .medium-7 {width:58.3333333%;}
  .small-8:not([class*="medium-"]), .medium-8 {width:66.6666666%;}
  .small-9:not([class*="medium-"]), .medium-9 {width:75%;}
  .small-10:not([class*="medium-"]), .medium-10 {width:83.333333%;}
  .small-11:not([class*="medium-"]), .medium-11 {width:91.6666667%;}
  .small-12:not([class*="medium-"]), .medium-12 {width:100%;}
/*
  .small-6:not([class*="medium-"]):nth-of-type(2n+1), .medium-6:nth-of-type(2n+1) {clear:both;}
  .small-5:not([class*="medium-"]):nth-of-type(2n+1), .medium-5:nth-of-type(2n+1) {clear:left;}
  .small-4:not([class*="medium-"]):nth-of-type(3n+1), .medium-4:nth-of-type(3n+1) {clear:both;}
  .small-3:not([class*="medium-"]):nth-of-type(4n+1), .medium-3:nth-of-type(4n+1) {clear:both;}
  .small-2:not([class*="medium-"]):nth-of-type(6n+1), .medium-2:nth-of-type(6n+1) {clear:both;}
  .small-1:not([class*="medium-"]):nth-of-type(12n+1), .medium-1:nth-of-type(12n+1) {clear:both;}*/

  .show-for-small-only {display:none;}
  .hide-for-medium-down {display:none;}
  .hide-for-medium-up {display:none;}
  .hide-for-medium-only {display:none;}
  .hide-for-medium-up {display:none;}

  .center-on-medium {text-align:center}
  .left-on-medium {text-align:left}
  .right-on-medium {text-align:right}
}

@media only screen and (min-width:1025px) { /* desktop only */ 
  .small-1:not([class*="large-"]):not([class*="medium-"]), .medium-1:not([class*="large-"]), .large-1 {width:8.3333333%;}
  .small-2:not([class*="large-"]):not([class*="medium-"]), .medium-2:not([class*="large-"]), .large-2 {width:16.6666666%;}
  .small-3:not([class*="large-"]):not([class*="medium-"]), .medium-3:not([class*="large-"]), .large-3 {width:25%;}
  .small-4:not([class*="large-"]):not([class*="medium-"]), .medium-4:not([class*="large-"]), .large-4 {width:33.3333333%;}
  .small-5:not([class*="large-"]):not([class*="medium-"]), .medium-5:not([class*="large-"]), .large-5 {width:41.6666667%;}
  .small-6:not([class*="large-"]):not([class*="medium-"]), .medium-6:not([class*="large-"]), .large-6 {width:50%;}
  .small-7:not([class*="large-"]):not([class*="medium-"]), .medium-7:not([class*="large-"]), .large-7 {width:58.3333333%;}
  .small-8:not([class*="large-"]):not([class*="medium-"]), .medium-8:not([class*="large-"]), .large-8 {width:66.6666666%;}
  .small-9:not([class*="large-"]):not([class*="medium-"]), .medium-9:not([class*="large-"]), .large-9 {width:75%;}
  .small-10:not([class*="large-"]):not([class*="medium-"]), .medium-10:not([class*="large-"]), .large-10 {width:83.333333%;}
  .small-11:not([class*="large-"]):not([class*="medium-"]), .medium-11:not([class*="large-"]), .large-11 {width:91.6666667%;}
  .small-12:not([class*="large-"]):not([class*="medium-"]), .medium-12:not([class*="large-"]), .large-12 {width:100%;}

/*  .small-6:not([class*="large-"]):not([class*="medium-"]):nth-of-type(2n+1), .medium-6:not([class*="large-"]):nth-of-type(2n+1) {clear:both;}
  .small-5:not([class*="large-"]):not([class*="medium-"]):nth-of-type(2n+1), .medium-5:not([class*="large-"]):nth-of-type(2n+1) {clear:left;}
  .small-4:not([class*="large-"]):not([class*="medium-"]):nth-of-type(3n+1), .medium-4:not([class*="large-"]):nth-of-type(3n+1) {clear:both;}
  .small-3:not([class*="large-"]):not([class*="medium-"]):nth-of-type(4n+1), .medium-3:not([class*="large-"]):nth-of-type(4n+1) {clear:both;}
  .small-2:not([class*="large-"]):not([class*="medium-"]):nth-of-type(6n+1), .medium-2:not([class*="large-"]):nth-of-type(6n+1) {clear:both;}
  .small-1:not([class*="large-"]):not([class*="medium-"]):nth-of-type(12n+1), .medium-1:not([class*="large-"]):nth-of-type(12n+1) {clear:both;}

  .large-6:nth-of-type(2n+3) {clear:right;}
  .large-5:nth-of-type(2n+3) {clear:left;}
  .large-4:nth-of-type(3n+1) {clear:both;}
  .large-3:nth-of-type(4n+1) {clear:both;}
  .large-2:nth-of-type(6n+1) {clear:both;}
  .large-1:nth-of-type(12n+11) {clear:right;}*/

  .show-for-medium-down {display:none;}
  .show-for-small-only {display:none;}
  .show-for-medium-only {display:none;}
  .hide-for-medium-up {display:none;}
  .hide-for-large-only {display:none;}

  .center-on-large {text-align:center}
  .left-on-large {text-align:left}
  .right-on-large {text-align:right}
}

@media only screen and (min-width:421px) {
  .show-for-small-only {display:none;}
}

@media only screen and (max-width:1024px) {
  .show-for-large-only {display:none;}
}
