.grid{width:100%;display:block;padding:0}
.grid.wide{max-width:1200px;margin:0 auto}
.row-f-h{display:flex;flex-direction:column;margin-left:0;margin-right:0}
.row-f{display:flex;margin-left:0;margin-right:0}
.flex-grow-1{flex-grow:1}
.flex-shink{flex-shrink:1}
.flex-wrap{flex-wrap:wrap}

/* justify-content values */
.justify-start{justify-content:flex-start}
.justify-end{justify-content:flex-end}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.justify-around{justify-content:space-around}
.justify-evenly{justify-content:space-evenly}

/* align-content values */
.align-content-start{align-content:flex-start}
.align-content-end{align-content:flex-end}
.align-content-center{align-content:center}
.align-content-between{align-content:space-between}
.align-content-around{align-content:space-around}
.align-content-evenly{align-content:space-evenly}

/* align-items values */
.align-items-start{align-items:flex-start}
.align-items-end{align-items:flex-end}
.align-items-center{align-items:center}
.align-items-baseline{align-items:baseline}
.align-items-stretch{align-items:stretch}
/* gap */
.gap-1 {gap:.8rem}
.gap-2 {gap: 1rem}

.row-f.no-gutters{margin-left:0;margin-right:0}
.col{padding-left:0;padding-right:0}
.row-f.no-gutters .col{padding-left:0;padding-right:0}
.c-0{display:none}
.c-1{flex:0 0 8.33333%;max-width:8.33333%}
.c-2{flex:0 0 16.66667%;max-width:16.66667%}
.c-3{flex:0 0 25%;max-width:25%}
.c-4{flex:0 0 33.33333%;max-width:33.33333%}
.c-5{flex:0 0 41.66667%;max-width:41.66667%}
.c-6{flex:0 0 50%;max-width:50%}
.c-7{flex:0 0 58.33333%;max-width:58.33333%}
.c-8{flex:0 0 66.66667%;max-width:66.66667%}
.c-9{flex:0 0 75%;max-width:75%}
.c-10{flex:0 0 83.33333%;max-width:83.33333%}
.c-11{flex:0 0 91.66667%;max-width:91.66667%}
.c-12{flex:0 0 100%;max-width:100%}
.c-o-1{margin-left:8.33333%}
.c-o-2{margin-left:16.66667%}
.c-o-3{margin-left:25%}
.c-o-4{margin-left:33.33333%}
.c-o-5{margin-left:41.66667%}
.c-o-6{margin-left:50%}
.c-o-7{margin-left:58.33333%}
.c-o-8{margin-left:66.66667%}
.c-o-9{margin-left:75%}
.c-o-10{margin-left:83.33333%}
.c-o-11{margin-left:91.66667%}
/* >= Tablet */
@media (min-width:768px){
  .row-f{/* margin-left:-4px;*/
      
  /* margin-right:-4px;*/}
  .col{padding-left:4px;padding-right:4px}
  .m-0{display:none}
  .m-1,.m-10,.m-11,.m-12,.m-2,.m-3,.m-4,.m-5,.m-6,.m-7,.m-8,.m-9{display:block}
  .m-1{flex:0 0 8.33333%;max-width:8.33333%}
  .m-2{flex:0 0 16.66667%;max-width:16.66667%}
  .m-3{flex:0 0 25%;max-width:25%}
  .m-4{flex:0 0 33.33333%;max-width:33.33333%}
  .m-5{flex:0 0 41.66667%;max-width:41.66667%}
  .m-6{flex:0 0 50%;max-width:50%}
  .m-7{flex:0 0 58.33333%;max-width:58.33333%}
  .m-8{flex:0 0 66.66667%;max-width:66.66667%}
  .m-9{flex:0 0 75%;max-width:75%}
  .m-10{flex:0 0 83.33333%;max-width:83.33333%}
  .m-11{flex:0 0 91.66667%;max-width:91.66667%}
  .m-12{flex:0 0 100%;max-width:100%}
  .m-o-1{margin-left:8.33333%}
  .m-o-2{margin-left:16.66667%}
  .m-o-3{margin-left:25%}
  .m-o-4{margin-left:33.33333%}
  .m-o-5{margin-left:41.66667%}
  .m-o-6{margin-left:50%}
  .m-o-7{margin-left:58.33333%}
  .m-o-8{margin-left:66.66667%}
  .m-o-9{margin-left:75%}
  .m-o-10{margin-left:83.33333%}
  .m-o-11{margin-left:91.66667%}
}
/* PC medium resolution > */
@media (min-width:1113px){
  .row-f{margin-left:-8px;margin-right:-8px}
  .row-f.sm-gutter{margin-left:-5px;margin-right:-5px}
  .col{padding-left:8px;padding-right:8px}
  .row-f.sm-gutter .col{padding-left:5px;padding-right:5px}
  .l-0{display:none}
  .l-1,.l-10,.l-11,.l-12,.l-2,.l-2-4,.l-3,.l-4,.l-5,.l-6,.l-7,.l-8,.l-9{display:block}
  .l-1{flex:0 0 8.33333%;max-width:8.33333%}
  .l-2{flex:0 0 16.66667%;max-width:16.66667%}
  .l-2-4{flex:0 0 20%;max-width:20%}
  .l-3{flex:0 0 25%;max-width:25%}
  .l-4{flex:0 0 33.33333%;max-width:33.33333%}
  .l-5{flex:0 0 41.66667%;max-width:41.66667%}
  .l-6{flex:0 0 50%;max-width:50%}
  .l-7{flex:0 0 58.33333%;max-width:58.33333%}
  .l-8{flex:0 0 66.66667%;max-width:66.66667%}
  .l-9{flex:0 0 75%;max-width:75%}
  .l-10{flex:0 0 83.33333%;max-width:83.33333%}
  .l-11{flex:0 0 91.66667%;max-width:91.66667%}
  .l-12{flex:0 0 100%;max-width:100%}
  .l-o-1{margin-left:8.33333%}
  .l-o-2{margin-left:16.66667%}
  .l-o-3{margin-left:25%}
  .l-o-4{margin-left:33.33333%}
  .l-o-5{margin-left:41.66667%}
  .l-o-6{margin-left:50%}
  .l-o-7{margin-left:58.33333%}
  .l-o-8{margin-left:66.66667%}
  .l-o-9{margin-left:75%}
  .l-o-10{margin-left:83.33333%}
  .l-o-11{margin-left:91.66667%}
}