:root {
    --mob:;
    --tab:600px;
    --lg:900px;
    --xg:1280px;

}

/********** Reset **********/
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; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

html {
  scroll-behavior: smooth; }

body {
  line-height: 1;
  background: #f0f0f0; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }



/*** TOOLS ***/

.mb0{margin-bottom:0 !important;}
.block{display: block;}
.flex{display: flex;}


/*** STRUCTURE ***/

.container{
    width: 98%;
    margin: 0 1% 0 1%;
}

@media only screen and (min-width:900px) {
    .container{width: 90%; margin:0 5% 0 5%;}
}

.row{
    width:100%; margin: 0;
}
.row:after {content:"";display:block;clear:both;height:0;}

.col{
    float: left; 
    margin: .5%;
}

.col + .col{}

.mob-1{width: 98%;}
.mob-2{width: 45%;}

.fw > .col{margin-left: 0 !important; margin-right: 0 !important;}
.fw > .mob-1{width: 100%;}
.fw > .mob-2{width: 50%;}



@media only screen and (min-width:600px) {
    .tab-1{width: 95%;}
    .tab-2{width: 48%;}
    .tab-3{width: 28.33%;}
    .tab-4{width: 20%;}
    
    .fw > .tab-1{width: 100%;}
    .fw > .tab-2{width: 50%;}
    .fw > .tab-3{width: 33.33%;}
    .fw > .tab-4{width: 25%;}
}

@media only screen and (min-width:1024px) {
    .lg-1{width: 99%;}
    .lg-2{width: 49%;}
    .lg-3{width: 28.33%;}
    .lg-4{width: 20%;}
    .lg-5{width: 15%;}
    .lg-6{width: 11.66%;}
    
    .fw > .lg-1{width: 100%;}
    .fw > .lg-2{width: 50%;}
    .fw > .lg-3{width: 33.33%;}
    .fw > .lg-4{width: 25%;}
    .fw > .lg-5{width: 20%;}
    .fw > .lg-6{width: 12.5%;}
}