
/*  12 COLUMN : RESPONSIVE GRID SYSTEM  DEVELOPER : DENIS LEBLANC  URL : http://responsive.gs  VERSION : 3.0  LICENSE : GPL & MIT*/*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.container{max-width:800px;margin:0 auto}.clr:after,.col:after,.container:after,.group:after,.row:after{content:"";display:table;clear:both}
.row{padding-bottom:0}.col{display:block;float:left;width:100%}
@media(min-width:768px){
.gutters .col{margin-left:2%}
.span_1{width:8.33333333333%}
.span_2{width:16.6666666667%}
.span_3{width:25%}
.span_4{width:33.3333333333%}
.span_44{width:28% !important ;}
.span_5{width:41.6666666667%}
.span_6{width:50%}
.span_7{width:58.3333333333%}
.span_8{width:66.6666666667%}
.span_9{width:75%}
.span_10{width:83.3333333333%}
.span_11{width:91.6666666667%}
.span_12{width:100%}
.gutters .span_1{width:6.5%}
.gutters .span_111{width:3%}
.gutters .span_2{width:15%}
.gutters .span_3{width:23.5%}
.gutters .span_4{width:32%}
.gutters .span_5{width:40.5%}
.gutters .span_6{width:49%}
.gutters .span_7{width:57.5%}
.gutters .span_8{width:66%}
.gutters .span_9{width:74.5%}
.gutters .span_10{width:83%}
.gutters .span_11{width:91.5%}
.gutters .span_12{width:100%}

}/* 12 COLUMN : RESPONSIVE GRID SYSTEM Fix Ver. 1.2.1*/
.container{padding:0 1%}
@media screen and (max-width:767px) {
  .container{padding:0 5%}
}
.container img{max-width:100%}
*+.container{margin-top:2em}.row:not(:last-child){margin-bottom:4%}.col{float:none}
.col:not(:last-child){margin-bottom:3%}@media(min-width:768px){.container{max-width:1440px;margin:auto;padding:0 10px}
*+.container{margin-top:40px}.col{float:left}.reverse>.col{float:right}.col:not(:last-child){margin-bottom:0}
.reverse>.col:last-child,:not(.reverse)>.col:first-child{margin-left:0}.col.offset_1{margin-left:8.33333333333%}
.gutters .col.offset_1{margin-left:10.5%}.gutters .col.offset_1:first-child{margin-left:8.5%}
.col.offset_2{margin-left:16.6666666667%}.gutters .col.offset_2{margin-left:19%}.gutters .col.offset_2:first-child{margin-left:17%}
.col.offset_3{margin-left:25%}.gutters .col.offset_3{margin-left:27.5%}.gutters .col.offset_3:first-child{margin-left:25.5%}
.col.offset_4{margin-left:33.3333333333%}.gutters .col.offset_4{margin-left:36%}.gutters .col.offset_4:first-child{margin-left:34%}
.col.offset_5{margin-left:41.6666666667%}.gutters .col.offset_5{margin-left:44.5%}
.gutters .col.offset_5:first-child{margin-left:42.5%}.col.offset_6{margin-left:50%}
.gutters .col.offset_6{margin-left:53%}.gutters .col.offset_6:first-child{margin-left:51%}
.col.offset_7{margin-left:58.3333333333%}.gutters .col.offset_7{margin-left:61.5%}
.gutters .col.offset_7:first-child{margin-left:59.5%}.col.offset_8{margin-left:66.6666666667%}
.gutters .col.offset_8{margin-left:70%}.gutters .col.offset_8:first-child{margin-left:68%}
.col.offset_9{margin-left:75%}.gutters .col.offset_9{margin-left:78.5%}.gutters .col.offset_9:first-child{margin-left:76.5%}
.col.offset_10{margin-left:83.3333333333%}.gutters .col.offset_10{margin-left:87%}
.gutters .col.offset_10:first-child{margin-left:85%}.col.offset_11{margin-left:91.6666666667%}
.gutters .col.offset_11{margin-left:95.5%}.gutters .col.offset_11:first-child{margin-left:93.5%}
.col.offset_12{margin-left:100%}:not(.reverse)>.col.break+.col{clear:left;margin-left:0}
.reverse>.col.break{margin-left:0}.reverse>.col.break+.col{clear:right;margin-right:0}
.col.break~.col{margin-top:2%}}@media(min-width :1024px){.container{padding:0}}
