@supports (display: grid) {
    #checkBrowserCompatibility {
        display: none !important;
    }
}

#header {
    grid-area: header
}

.nohome #slideactu {
    grid-area: slideactu;
    padding: 100px 20px
}

#h1 {
    grid-area: h1
}

#content {
    grid-area: content
}

#sections {
    grid-area: sections
}

#footer {
    grid-area: footer
}

#lebonpro {
    grid-area: lebonpro
}

#blocbreadcrumb {
    grid-area: blocbreadcrumb
}

#backBTsinglewoo {
    grid-area: backBTsinglewoo
}

#woonotice {
    grid-area: woonotice
}

#gallerysinglewoo {
    grid-area: gallerysinglewoo
}

#shortdesc {
    grid-area: shortdesc
}

#pricesinglewoo {
    grid-area: pricesinglewoo
}

#btformsinglewoo {
    grid-area: btformsinglewoo
}

#tabssinglewoo {
    grid-area: tabssinglewoo
}

#formagence {
    grid-area: formagence
}

#boxlink_agence {
    grid-area: boxlink_agence
}

#map_agence {
    grid-area: map_agence
}

#infoagence {
    grid-area: infoagence
}

#commentsbloc {
    grid-area: commentsbloc
}

#thumbnailPage {
    grid-area: thumbnailPage
}

#partenaires {
    grid-area: partenaires
}

#contentBefore {
    grid-area: contentBefore
}

#contactDiv {
    grid-area: contactDiv
}

#bandeau {
    grid-area: bandeau
}

#en-tete {
    grid-area: en-tete
}

#comparaisons {
    grid-area: comparaisons
}

.nohome #reassurances {
    grid-area: reassurances
}

#prestations {
    grid-area: prestations
}

#wrappersite {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    min-height: 100vh;
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    transition: .6s;
    position: relative
}

body.home #wrappersite {
    grid-template-areas: "header" "en-tete" "content" "reassurances" "comparaisons" "sections" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content repeat(8,minmax(min-content,auto))
}

body.page-php #wrappersite,body.single-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "contentBefore" "contactDiv" "reassurances" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content repeat(8,minmax(min-content,auto))
}

body.elements-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content minmax(min-content,auto) min-content
}

body.template-parent-page-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "content" "prestations" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content minmax(min-content,auto) minmax(min-content,auto)
}

body.category-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "slideactu" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content minmax(min-content,auto)
}

body.woocommerce-category-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content minmax(min-content,auto)
}

body.woocommerce-single-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content min-content minmax(min-content,auto)
}

#gridsinglewoo {
    grid-template-areas: "backBTsinglewoo	woonotice			woonotice" "gallerysinglewoo	blocbreadcrumb		blocbreadcrumb" "gallerysinglewoo	h1					h1" "gallerysinglewoo	pricesinglewoo		pricesinglewoo" "gallerysinglewoo	shortdesc			shortdesc" "gallerysinglewoo 	btformsinglewoo		btformsinglewoo" "gallerysinglewoo	.					." "tabssinglewoo		tabssinglewoo		tabssinglewoo";
    grid-template-columns: 1fr 1fr 100px;
    grid-template-rows: repeat(8,minmax(min-content,auto))
}

@media (max-width: 980px) {
    #gridsinglewoo {
        grid-template-areas:"backBTsinglewoo" "woonotice" "h1" "blocbreadcrumb" "gallerysinglewoo" "shortdesc" "pricesinglewoo" "tabssinglewoo" "btformsinglewoo";
        grid-template-columns: 1fr;
        grid-template-rows: repeat(8,minmax(min-content,auto))
    }
}

body.template-rating-php #wrappersite {
    grid-template-areas: "header 		header" "thumbnailPage	thumbnailPage" "h1 			h1" "lebonpro		content" "footer 		footer";
    grid-template-columns: 1fr 3fr;
    grid-template-rows: min-content min-content minmax(max-content,auto) min-content
}

@media (max-width: 980px) {
    body.template-rating-php #wrappersite {
        grid-template-areas:"header" "thumbnailPage" "h1" "lebonpro" "content" "footer";
        grid-template-columns: 1fr;
        grid-template-rows: min-content min-content min-content max-content min-content
    }
}

body.template-contact-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content repeat(5,minmax(min-content,auto))
}

body.template-avis-php #wrappersite {
    grid-template-areas: "header		header" "h1			h1" "content	commentsbloc" "footer 	footer";
    grid-template-columns: 1fr 400px;
    grid-template-rows: min-content min-content minmax(min-content,auto) min-content
}

@media (max-width: 980px) {
    body.template-avis-php #wrappersite {
        grid-template-areas:"header" "h1" "content" "commentsbloc" "footer";
        grid-template-columns: 1fr;
        grid-template-rows: min-content min-content minmax(min-content,auto) min-content min-content
    }
}

body.template-partenaires-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "partenaires" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content minmax(min-content,auto) min-content
}

body.template-plan-du-site-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content minmax(min-content,auto) min-content
}

body.template-mentions-legales-php #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content minmax(min-content,auto) min-content
}

body.pagenotfound #wrappersite {
    grid-template-areas: "header" "thumbnailPage" "h1" "content" "footer";
    grid-template-columns: 1fr;
    grid-template-rows: min-content min-content minmax(min-content,auto) min-content
}

.wrappercontent {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index: 1;
    position: relative
}

#navprimary {
    grid-area: navprimary
}

#adresseHead {
    grid-area: adresseHead
}

#logoResponsive {
    grid-area: logoResponsive
}

#header {
    max-width: 100%;
    position: relative;
    width: 100%;
    display: grid;
    grid-row-gap: 0;
    grid-column-gap: 0;
    transition: .6s;
    grid-template-areas: "navprimary" "thumbnailPage";
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2,minmax(min-content,auto))
}

@media (max-width: 980px) {
    #header {
        grid-template-areas:"navprimary" "adresseHead" "logoResponsive" "thumbnailPage";
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4,minmax(min-content,auto))
    }
}

.undergrid.gutter1>*,.grid.gutter1 {
    grid-gap: 1px
}

.undergrid.gutter2>*,.grid.gutter2 {
    grid-gap: 2px
}

.undergrid.gutter5>*,.grid.gutter5 {
    grid-gap: 5px
}

.undergrid.gutter10>*,.grid.gutter10 {
    grid-gap: 10px
}

.undergrid.gutter20>*,.grid.gutter20 {
    grid-gap: 20px
}

.undergrid.gutter30>*,.grid.gutter30 {
    grid-gap: 30px
}

.undergrid.gutter40>*,.grid.gutter40 {
    grid-gap: 40px
}

.undergrid>*,.grid {
    display: grid;
    align-items: start;
    justify-items: stretch
}

.undergrid.align-items_start>*,.grid.align-items_start {
    align-items: start
}

.undergrid.align-items_end>*,.grid.align-items_end {
    align-items: end
}

.undergrid.align-items_center>*,.grid.align-items_center {
    align-items: center
}

.undergrid.align-items_stretch>*,.grid.align-items_stretch {
    align-items: stretch
}

.underflex.align-items_end>*,.flex.align-items_end {
    align-items: flex-end
}

.underflex.align-items_center>*,.flex.align-items_center {
    align-items: center
}

.underflex.align-items_start>*,.flex.align-items_start {
    align-items: flex-start
}

.underflex.align-items_stretch>*,.flex.align-items_stretch {
    align-items: stretch
}

.undergrid.justify-items_start>*,.grid.justify-items_start {
    justify-items: start
}

.undergrid.justify-items_end>*,.grid.justify-items_end {
    justify-items: end
}

.undergrid.justify-items_center>*,.grid.justify-items_center {
    justify-items: center
}

.undergrid.justify-items_stretch>*,.grid.justify-items_stretch {
    justify-items: stretch
}

.underflex.justify-items_end>*,.flex.justify-items_end {
    justify-items: flex-end
}

.underflex.justify-items_start>*,.flex.justify-items_start {
    justify-items: flex-start
}

.underflex.justify-items_center>*,.flex.justify-items_center {
    justify-items: center
}

.underflex.justify-items_stretch>*,.flex.justify-items_stretch {
    justify-items: flex-stretch
}

.undergrid.align-content_start>*,.grid.align-content_start {
    align-content: start
}

.undergrid.align-content_end>*,.grid.align-content_end {
    align-content: end
}

.undergrid.align-content_center>*,.grid.align-content_center {
    align-content: center
}

.undergrid.align-content_stretch>*,.grid.align-content_stretch {
    align-content: stretch
}

.underflex.align-content_start>*,.flex.align-content_start {
    align-content: flex-start
}

.underflex.align-content_end>*,.flex.align-content_end {
    align-content: flex-end
}

.underflex.align-content_center>*,.flex.align-content_center {
    align-content: center
}

.underflex.align-content_stretch>*,.flex.align-content_stretch {
    align-content: stretch
}

.undergrid.justify-content_start>*,.grid.justify-content_start {
    justify-content: start
}

.undergrid.justify-content_end>*,.grid.justify-content_end {
    justify-content: end
}

.undergrid.justify-content_center>*,.grid.justify-content_center {
    justify-content: center
}

.undergrid.justify-content_stretch>*,.grid.justify-content_stretch {
    justify-content: stretch
}

.undergrid.justify-content_space-around>*,.grid.justify-content_space-around {
    justify-content: space-around
}

.undergrid.justify-content_space-between>*,.grid.justify-content_space-between {
    justify-content: space-between
}

.undergrid.justify-content_space-evenly>*,.grid.justify-content_space-evenly {
    justify-content: space-evenly
}

.underflex.justify-content_start>*,.flex.justify-content_start {
    justify-content: flex-start
}

.underflex.justify-content_end>*,.flex.justify-content_end {
    justify-content: flex-end
}

.underflex.justify-content_center>*,.flex.justify-content_center {
    justify-content: center
}

.underflex.justify-content_stretch>*,.flex.justify-content_stretch {
    justify-content: stretch
}

.underflex.justify-content_space-around>*,.flex.justify-content_space-around {
    justify-content: space-around
}

.underflex.justify-content_space-between>*,.flex.justify-content_space-between {
    justify-content: space-between
}

.underflex.justify-content_space-evenly>*,.flex.justify-content_space-evenly {
    justify-content: space-evenly
}

.undergrid.g1>*,.grid.g1 {
    grid-template-columns: repeat(1,1fr)
}

.undergrid.g2>*,.grid.g2 {
    grid-template-columns: repeat(2,1fr)
}

.undergrid.g3>*,.grid.g3 {
    grid-template-columns: repeat(3,1fr)
}

.undergrid.g4>*,.grid.g4 {
    grid-template-columns: repeat(4,1fr)
}

.undergrid.g5>*,.grid.g5 {
    grid-template-columns: repeat(5,1fr)
}

.undergrid.g6>*,.grid.g6 {
    grid-template-columns: repeat(6,1fr)
}

.undergrid.g6>*,.grid.g7 {
    grid-template-columns: repeat(7,1fr)
}

.undergrid.g6>*,.grid.g8 {
    grid-template-columns: repeat(8,1fr)
}

.undergrid.g6>*,.grid.g9 {
    grid-template-columns: repeat(9,1fr)
}

.undergrid.g1auto>*,.grid.g1auto {
    grid-template-columns: repeat(1,auto)
}

.undergrid.g2auto>*,.grid.g2auto {
    grid-template-columns: repeat(2,auto)
}

.undergrid.g3auto>*,.grid.g3auto {
    grid-template-columns: repeat(3,auto)
}

.undergrid.g4auto>*,.grid.g4auto {
    grid-template-columns: repeat(4,auto)
}

.undergrid.g5auto>*,.grid.g5auto {
    grid-template-columns: repeat(5,auto)
}

.undergrid.g6auto>*,.grid.g6auto {
    grid-template-columns: repeat(6,auto)
}

.undergrid.g7auto>*,.grid.g7auto {
    grid-template-columns: repeat(7,auto)
}

.undergrid.g8auto>*,.grid.g8auto {
    grid-template-columns: repeat(8,auto)
}

.undergrid.g9auto>*,.grid.g9auto {
    grid-template-columns: repeat(9,auto)
}

.undergrid.g10auto>*,.grid.g10auto {
    grid-template-columns: repeat(10,auto)
}

.undergrid.auto-fill-10>*,.grid.auto-fill-10 {
    grid-template-columns: repeat(auto-fill,10px)
}

.undergrid.auto-fill-10>*,.grid.auto-fill-10 {
    grid-template-columns: repeat(auto-fill,10px)
}

.undergrid.auto-fill-20>*,.grid.auto-fill-20 {
    grid-template-columns: repeat(auto-fill,20px)
}

.undergrid.auto-fill-30>*,.grid.auto-fill-30 {
    grid-template-columns: repeat(auto-fill,30px)
}

.undergrid.auto-fill-40>*,.grid.auto-fill-40 {
    grid-template-columns: repeat(auto-fill,40px)
}

.undergrid.auto-fill-50>*,.grid.auto-fill-50 {
    grid-template-columns: repeat(auto-fill,50px)
}

.undergrid.auto-fill-60>*,.grid.auto-fill-60 {
    grid-template-columns: repeat(auto-fill,60px)
}

.undergrid.auto-fill-80>*,.grid.auto-fill-80 {
    grid-template-columns: repeat(auto-fill,80px)
}

.undergrid.auto-fill-100>*,.grid.auto-fill-100 {
    grid-template-columns: repeat(auto-fill,100px)
}

.undergrid.auto-fill-120>*,.grid.auto-fill-120 {
    grid-template-columns: repeat(auto-fill,120px)
}

.undergrid.auto-fill-140>*,.grid.auto-fill-140 {
    grid-template-columns: repeat(auto-fill,140px)
}

.undergrid.auto-fill-160>*,.grid.auto-fill-160 {
    grid-template-columns: repeat(auto-fill,160px)
}

.undergrid.auto-fill-180>*,.grid.auto-fill-180 {
    grid-template-columns: repeat(auto-fill,180px)
}

.undergrid.auto-fill-200>*,.grid.auto-fill-200 {
    grid-template-columns: repeat(auto-fill,200px)
}

.undergrid.auto-fill-225>*,.grid.auto-fill-225 {
    grid-template-columns: repeat(auto-fill,225px)
}

.undergrid.auto-fill-250>*,.grid.auto-fill-250 {
    grid-template-columns: repeat(auto-fill,250px)
}

.undergrid.auto-fill-300>*,.grid.auto-fill-300 {
    grid-template-columns: repeat(auto-fill,300px)
}

.undergrid.auto-fill-350>*,.grid.auto-fill-350 {
    grid-template-columns: repeat(auto-fill,350px)
}

.undergrid.auto-fill-400>*,.grid.auto-fill-400 {
    grid-template-columns: repeat(auto-fill,400px)
}

.undergrid.auto-fit-10>*,.grid.auto-fit-10 {
    grid-template-columns: repeat(auto-fit,10px)
}

.undergrid.auto-fit-10>*,.grid.auto-fit-10 {
    grid-template-columns: repeat(auto-fit,10px)
}

.undergrid.auto-fit-20>*,.grid.auto-fit-20 {
    grid-template-columns: repeat(auto-fit,20px)
}

.undergrid.auto-fit-30>*,.grid.auto-fit-30 {
    grid-template-columns: repeat(auto-fit,30px)
}

.undergrid.auto-fit-40>*,.grid.auto-fit-40 {
    grid-template-columns: repeat(auto-fit,40px)
}

.undergrid.auto-fit-50>*,.grid.auto-fit-50 {
    grid-template-columns: repeat(auto-fit,50px)
}

.undergrid.auto-fit-60>*,.grid.auto-fit-60 {
    grid-template-columns: repeat(auto-fit,60px)
}

.undergrid.auto-fit-80>*,.grid.auto-fit-80 {
    grid-template-columns: repeat(auto-fit,80px)
}

.undergrid.auto-fit-100>*,.grid.auto-fit-100 {
    grid-template-columns: repeat(auto-fit,100px)
}

.undergrid.auto-fit-120>*,.grid.auto-fit-120 {
    grid-template-columns: repeat(auto-fit,120px)
}

.undergrid.auto-fit-140>*,.grid.auto-fit-140 {
    grid-template-columns: repeat(auto-fit,140px)
}

.undergrid.auto-fit-160>*,.grid.auto-fit-160 {
    grid-template-columns: repeat(auto-fit,160px)
}

.undergrid.auto-fit-180>*,.grid.auto-fit-180 {
    grid-template-columns: repeat(auto-fit,180px)
}

.undergrid.auto-fit-200>*,.grid.auto-fit-200 {
    grid-template-columns: repeat(auto-fit,200px)
}

.undergrid.auto-fit-225>*,.grid.auto-fit-225 {
    grid-template-columns: repeat(auto-fit,225px)
}

.undergrid.auto-fit-250>*,.grid.auto-fit-250 {
    grid-template-columns: repeat(auto-fit,250px)
}

.undergrid.auto-fit-300>*,.grid.auto-fit-300 {
    grid-template-columns: repeat(auto-fit,300px)
}

.undergrid.auto-fit-350>*,.grid.auto-fit-350 {
    grid-template-columns: repeat(auto-fit,350px)
}

.undergrid.auto-fit-400>*,.grid.auto-fit-400 {
    grid-template-columns: repeat(auto-fit,400px)
}

.undergrid.auto-fill-min10>*,.grid.auto-fill-min10 {
    grid-template-columns: repeat(auto-fill,minmax(10px,1fr))
}

.undergrid.auto-fill-min20>*,.grid.auto-fill-min20 {
    grid-template-columns: repeat(auto-fill,minmax(20px,1fr))
}

.undergrid.auto-fill-min30>*,.grid.auto-fill-min30 {
    grid-template-columns: repeat(auto-fill,minmax(30px,1fr))
}

.undergrid.auto-fill-min40>*,.grid.auto-fill-min40 {
    grid-template-columns: repeat(auto-fill,minmax(40px,1fr))
}

.undergrid.auto-fill-min50>*,.grid.auto-fill-min50 {
    grid-template-columns: repeat(auto-fill,minmax(50px,1fr))
}

.undergrid.auto-fill-min60>*,.grid.auto-fill-min60 {
    grid-template-columns: repeat(auto-fill,minmax(60px,1fr))
}

.undergrid.auto-fill-min80>*,.grid.auto-fill-min80 {
    grid-template-columns: repeat(auto-fill,minmax(80px,1fr))
}

.undergrid.auto-fill-min100>*,.grid.auto-fill-min100 {
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr))
}

.undergrid.auto-fill-min120>*,.grid.auto-fill-min120 {
    grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
}

.undergrid.auto-fill-min140>*,.grid.auto-fill-min140 {
    grid-template-columns: repeat(auto-fill,minmax(140px,1fr))
}

.undergrid.auto-fill-min160>*,.grid.auto-fill-min160 {
    grid-template-columns: repeat(auto-fill,minmax(160px,1fr))
}

.undergrid.auto-fill-min180>*,.grid.auto-fill-min180 {
    grid-template-columns: repeat(auto-fill,minmax(180px,1fr))
}

.undergrid.auto-fill-min200>*,.grid.auto-fill-min200 {
    grid-template-columns: repeat(auto-fill,minmax(200px,1fr))
}

.undergrid.auto-fill-min225>*,.grid.auto-fill-min225 {
    grid-template-columns: repeat(auto-fill,minmax(225px,1fr))
}

.undergrid.auto-fill-min250>*,.grid.auto-fill-min250 {
    grid-template-columns: repeat(auto-fill,minmax(250px,1fr))
}

.undergrid.auto-fill-min300>*,.grid.auto-fill-min300 {
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
}

.undergrid.auto-fill-min350>*,.grid.auto-fill-min350 {
    grid-template-columns: repeat(auto-fill,minmax(350px,1fr))
}

.undergrid.auto-fill-min400>*,.grid.auto-fill-min400 {
    grid-template-columns: repeat(auto-fill,minmax(400px,1fr))
}

.undergrid.auto-fit-min10>*,.grid.auto-fit-min10 {
    grid-template-columns: repeat(auto-fit,minmax(10px,1fr))
}

.undergrid.auto-fit-min20>*,.grid.auto-fit-min20 {
    grid-template-columns: repeat(auto-fit,minmax(20px,1fr))
}

.undergrid.auto-fit-min30>*,.grid.auto-fit-min30 {
    grid-template-columns: repeat(auto-fit,minmax(30px,1fr))
}

.undergrid.auto-fit-min40>*,.grid.auto-fit-min40 {
    grid-template-columns: repeat(auto-fit,minmax(40px,1fr))
}

.undergrid.auto-fit-min50>*,.grid.auto-fit-min50 {
    grid-template-columns: repeat(auto-fit,minmax(50px,1fr))
}

.undergrid.auto-fit-min60>*,.grid.auto-fit-min60 {
    grid-template-columns: repeat(auto-fit,minmax(60px,1fr))
}

.undergrid.auto-fit-min80>*,.grid.auto-fit-min80 {
    grid-template-columns: repeat(auto-fit,minmax(80px,1fr))
}

.undergrid.auto-fit-min100>*,.grid.auto-fit-min100 {
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr))
}

.undergrid.auto-fit-min120>*,.grid.auto-fit-min120 {
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr))
}

.undergrid.auto-fit-min140>*,.grid.auto-fit-min140 {
    grid-template-columns: repeat(auto-fit,minmax(140px,1fr))
}

.undergrid.auto-fit-min160>*,.grid.auto-fit-min160 {
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr))
}

.undergrid.auto-fit-min180>*,.grid.auto-fit-min180 {
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr))
}

.undergrid.auto-fit-min200>*,.grid.auto-fit-min200 {
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr))
}

.undergrid.auto-fit-min225>*,.grid.auto-fit-min225 {
    grid-template-columns: repeat(auto-fit,minmax(225px,1fr))
}

.undergrid.auto-fit-min250>*,.grid.auto-fit-min250 {
    grid-template-columns: repeat(auto-fit,minmax(250px,1fr))
}

.undergrid.auto-fit-min300>*,.grid.auto-fit-min300 {
    grid-template-columns: repeat(auto-fit,minmax(300px,1fr))
}

.undergrid.auto-fit-min350>*,.grid.auto-fit-min350 {
    grid-template-columns: repeat(auto-fit,minmax(350px,1fr))
}

.undergrid.auto-fit-min400>*,.grid.auto-fit-min400 {
    grid-template-columns: repeat(auto-fit,minmax(400px,1fr))
}

.grid>.col.c2 {
    grid-column: span 2
}

.grid>.col.c3 {
    grid-column: span 3
}

.grid>.col.c4 {
    grid-column: span 4
}

.grid>.col.c5 {
    grid-column: span 5
}

.grid>.col.c6 {
    grid-column: span 6
}

.grid.g1>.col.c2,.grid.g1>.col.c3,.grid.g1>.col.c4,.grid.g1>.col.c5,.grid.g1>.col.c6 {
    grid-column: span 1!important
}

.grid.g2>.col.c3,.grid.g2>.col.c4,.grid.g2>.col.c5,.grid.g2>.col.c6 {
    grid-column: span 2!important
}

.grid.g3>.col.c4,.grid.g3>.col.c5,.grid.g3>.col.c6 {
    grid-column: span 3!important
}

.grid.g4>.col.c5,.grid.g4>.col.c6 {
    grid-column: span 4!important
}

.grid.g5>.col.c6 {
    grid-column: span 5!important
}

.grid>.col.rowspan2 {
    grid-row: span 2
}

.grid>.col.rowspan3 {
    grid-row: span 3
}

.grid>.col.rowspan4 {
    grid-row: span 4
}

.grid>.col.rowspan5 {
    grid-row: span 5
}

.grid>.col.rowspan6 {
    grid-row: span 6
}

.underflex>*,.flex {
    display: flex;
    align-items: flex-start;
    justify-items: stretch
}

.underflex.row>*,.flex.row {
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%
}

.underflex.col>*,.flex.col {
    flex-direction: column;
    flex-basis: 100%;
    flex: 1
}

.underflex.wrap>*,.flex.wrap {
    flex-wrap: wrap
}

.underflex.f1>*>*,.flex.f1>* {
    width: 100%
}

.underflex.f2>*>*,.flex.f2>* {
    width: 50%
}

.underflex.f3>*>*,.flex.f3>* {
    width: calc(100% / 3)
}

.underflex.f4>*>*,.flex.f4>* {
    width: 25%
}

.underflex.f5>*>*,.flex.f5>* {
    width: 20%
}

.underflex.f6>*>*,.flex.f6>* {
    width: calc(100% / 6)
}

.underflex.forcedwidth.f1>*>*,.flex.forcedwidth.f1>* {
    min-width: 100%
}

.underflex.forcedwidth.f2>*>*,.flex.forcedwidth.f2>* {
    min-width: 50%!important
}

.underflex.forcedwidth.f3>*>*,.flex.forcedwidth.f3>* {
    min-width: calc(100% / 3)!important
}

.underflex.forcedwidth.f4>*>*,.flex.forcedwidth.f4>* {
    min-width: 25%
}

.underflex.forcedwidth.f5>*>*,.flex.forcedwidth.f5>* {
    min-width: 20%
}

.underflex.forcedwidth.f6>*>*,.flex.forcedwidth.f6>* {
    min-width: calc(100% / 6)
}

.underflex>*>.col.c1,.flex>.col.c1 {
    width: calc(100% / 6)
}

.underflex>*>.col.c2,.flex>.col.c2 {
    width: calc(100% / 6 * 2)
}

.underflex>*>.col.c3,.flex>.col.c3 {
    width: calc(100% / 6 * 3)
}

.underflex>*>.col.c4,.flex>.col.c4 {
    width: calc(100% / 6 * 4)
}

.underflex>*>.col.c5,.flex>.col.c5 {
    width: calc(100% / 6 * 5)
}

.underflex>*>.col.c6,.flex>.col.c6 {
    width: 100%
}

@media (max-width: 1690px) {
    .undergrid.xl-1>*,.grid.xl-1 {
        grid-template-columns:repeat(1,1fr)!important
    }

    .undergrid.xl-2>*,.grid.xl-2 {
        grid-template-columns: repeat(2,1fr)!important
    }

    .undergrid.xl-3>*,.grid.xl-3 {
        grid-template-columns: repeat(3,1fr)!important
    }

    .undergrid.xl-4>*,.grid.xl-4 {
        grid-template-columns: repeat(4,1fr)!important
    }

    .undergrid.xl-5>*,.grid.xl-5 {
        grid-template-columns: repeat(5,1fr)!important
    }

    .undergrid.xl-6>*,.grid.xl-6 {
        grid-template-columns: repeat(6,1fr)!important
    }

    .grid>.col.xl-1 {
        grid-column: span 1!important
    }

    .grid>.col.xl-2 {
        grid-column: span 2!important
    }

    .grid>.col.xl-3 {
        grid-column: span 3!important
    }

    .grid>.col.xl-4 {
        grid-column: span 4!important
    }

    .grid>.col.xl-5 {
        grid-column: span 5!important
    }

    .grid>.col.xl-6 {
        grid-column: span 6!important
    }

    .grid.xl-1 > .col:not([class*="xl-"]), .grid.xl-2 > .col:not([class*="xl-"]), .grid.xl-3 > .col:not([class*="xl-"]), .grid.xl-4 > .col:not([class*="xl-"]), .grid.xl-5 > .col:not([class*="xl-"]), .grid.xl-6 > .col:not([class*="xl-"]) {
        grid-column: span 1!important
    }

    .grid.xl-1>.col.xl-2 {
        grid-column: span 1!important
    }

    .grid.xl-1>.col.xl-3 {
        grid-column: span 1!important
    }

    .grid.xl-1>.col.xl-4 {
        grid-column: span 1!important
    }

    .grid.xl-1>.col.xl-5 {
        grid-column: span 1!important
    }

    .grid.xl-1>.col.xl-6 {
        grid-column: span 1!important
    }

    .grid.xl-2>.col.xl-3 {
        grid-column: span 2!important
    }

    .grid.xl-2>.col.xl-4 {
        grid-column: span 2!important
    }

    .grid.xl-2>.col.xl-5 {
        grid-column: span 2!important
    }

    .grid.xl-2>.col.xl-6 {
        grid-column: span 2!important
    }

    .grid.xl-3>.col.xl-4 {
        grid-column: span 3!important
    }

    .grid.xl-3>.col.xl-5 {
        grid-column: span 3!important
    }

    .grid.xl-3>.col.xl-6 {
        grid-column: span 3!important
    }

    .grid.xl-4>.col.xl-5 {
        grid-column: span 4!important
    }

    .grid.xl-4>.col.xl-6 {
        grid-column: span 4!important
    }

    .grid.xl-5>.col.xl-6 {
        grid-column: span 5!important
    }

    .underflex.xl-1>*>*,.flex.xl-1>* {
        width: 100%!important
    }

    .underflex.xl-2>*>*,.flex.xl-2>* {
        width: 50%!important
    }

    .underflex.xl-3>*>*,.flex.xl-3>* {
        width: calc(100% / 3) !important
    }

    .underflex.xl-4>*>*,.flex.xl-4>* {
        width: 25%!important
    }

    .underflex.xl-5>*>*,.flex.xl-5>* {
        width: 20%!important
    }

    .underflex.xl-6>*>*,.flex.xl-6>* {
        width: calc(100% / 6) !important
    }

    .underflex.forcedwidth.xl-1>*>*,.flex.forcedwidth.xl-1>* {
        min-width: 100%!important
    }

    .underflex.forcedwidth.xl-2>*>*,.flex.forcedwidth.xl-2>* {
        min-width: 50%!important
    }

    .underflex.forcedwidth.xl-3>*>*,.flex.forcedwidth.xl-3>* {
        min-width: calc(100% / 3) !important
    }

    .underflex.forcedwidth.xl-4>*>*,.flex.forcedwidth.xl-4>* {
        min-width: 25%!important
    }

    .underflex.forcedwidth.xl-5>*>*,.flex.forcedwidth.xl-5>* {
        min-width: 20%!important
    }

    .underflex.forcedwidth.xl-6>*>*,.flex.forcedwidth.xl-6>* {
        min-width: calc(100% / 6) !important
    }

    .underflex>*>.col.c1,.flex>.col.xl-1 {
        width: calc(100% / 6)
    }

    .underflex>*>.col.c2,.flex>.col.xl-2 {
        width: calc(100% / 6 * 2)
    }

    .underflex>*>.col.c3,.flex>.col.xl-3 {
        width: calc(100% / 6 * 3)
    }

    .underflex>*>.col.c4,.flex>.col.xl-4 {
        width: calc(100% / 6 * 4)
    }

    .underflex>*>.col.c5,.flex>.col.xl-5 {
        width: calc(100% / 6 * 5)
    }

    .underflex>*>.col.c6,.flex>.col.xl-6 {
        width: 100%
    }

    .undergrid.xl-align-items_start>*,.grid.xl-align-items_start {
        align-items: start
    }

    .undergrid.xl-align-items_end>*,.grid.xl-align-items_end {
        align-items: end
    }

    .undergrid.xl-align-items_center>*,.grid.xl-align-items_center {
        align-items: center
    }

    .undergrid.xl-align-items_stretch>*,.grid.xl-align-items_stretch {
        align-items: stretch
    }

    .underflex.xl-align-items_end>*,.flex.xl-align-items_end {
        align-items: flex-end
    }

    .underflex.xl-align-items_center>*,.flex.xl-align-items_center {
        align-items: center
    }

    .underflex.xl-align-items_start>*,.flex.xl-align-items_start {
        align-items: flex-start
    }

    .underflex.xl-align-items_stretch>*,.flex.xl-align-items_stretch {
        align-items: stretch
    }

    .undergrid.xl-justify-items_start>*,.grid.xl-justify-items_start {
        justify-items: start
    }

    .undergrid.xl-justify-items_end>*,.grid.xl-justify-items_end {
        justify-items: end
    }

    .undergrid.xl-justify-items_center>*,.grid.xl-justify-items_center {
        justify-items: center
    }

    .undergrid.xl-justify-items_stretch>*,.grid.xl-justify-items_stretch {
        justify-items: stretch
    }

    .underflex.xl-justify-items_end>*,.flex.xl-justify-items_end {
        justify-items: flex-end
    }

    .underflex.xl-justify-items_start>*,.flex.xl-justify-items_start {
        justify-items: flex-start
    }

    .underflex.xl-justify-items_center>*,.flex.xl-justify-items_center {
        justify-items: center
    }

    .underflex.xl-justify-items_stretch>*,.flex.xl-justify-items_stretch {
        justify-items: flex-stretch
    }

    .undergrid.xl-align-content_start>*,.grid.xl-align-content_start {
        align-content: start
    }

    .undergrid.xl-align-content_end>*,.grid.xl-align-content_end {
        align-content: end
    }

    .undergrid.xl-align-content_center>*,.grid.xl-align-content_center {
        align-content: center
    }

    .undergrid.xl-align-content_stretch>*,.grid.xl-align-content_stretch {
        align-content: stretch
    }

    .underflex.xl-align-content_start>*,.flex.xl-align-content_start {
        align-content: flex-start
    }

    .underflex.xl-align-content_end>*,.flex.xl-align-content_end {
        align-content: flex-end
    }

    .underflex.xl-align-content_center>*,.flex.xl-align-content_center {
        align-content: center
    }

    .underflex.xl-align-content_stretch>*,.flex.xl-align-content_stretch {
        align-content: stretch
    }

    .undergrid.xl-justify-content_start>*,.grid.xl-justify-content_start {
        justify-content: start
    }

    .undergrid.xl-justify-content_end>*,.grid.xl-justify-content_end {
        justify-content: end
    }

    .undergrid.xl-justify-content_center>*,.grid.xl-justify-content_center {
        justify-content: center
    }

    .undergrid.xl-justify-content_stretch>*,.grid.xl-justify-content_stretch {
        justify-content: stretch
    }

    .undergrid.xl-justify-content_space-around>*,.grid.xl-justify-content_space-around {
        justify-content: space-around
    }

    .undergrid.xl-justify-content_space-between>*,.grid.xl-justify-content_space-between {
        justify-content: space-between
    }

    .undergrid.xl-justify-content_space-evenly>*,.grid.xl-justify-content_space-evenly {
        justify-content: space-evenly
    }

    .underflex.xl-justify-content_start>*,.flex.xl-justify-content_start {
        justify-content: flex-start
    }

    .underflex.xl-justify-content_end>*,.flex.xl-justify-content_end {
        justify-content: flex-end
    }

    .underflex.xl-justify-content_center>*,.flex.xl-justify-content_center {
        justify-content: center
    }

    .underflex.xl-justify-content_stretch>*,.flex.xl-justify-content_stretch {
        justify-content: stretch
    }

    .underflex.xl-justify-content_space-around>*,.flex.xl-justify-content_space-around {
        justify-content: space-around
    }

    .underflex.xl-justify-content_space-between>*,.flex.xl-justify-content_space-between {
        justify-content: space-between
    }

    .underflex.xl-justify-content_space-evenly>*,.flex.xl-justify-content_space-evenly {
        justify-content: space-evenly
    }
}

@media (max-width: 1280px) {
    .undergrid.lg-1>*,.grid.lg-1 {
        grid-template-columns:repeat(1,1fr)!important
    }

    .undergrid.lg-2>*,.grid.lg-2 {
        grid-template-columns: repeat(2,1fr)!important
    }

    .undergrid.lg-3>*,.grid.lg-3 {
        grid-template-columns: repeat(3,1fr)!important
    }

    .undergrid.lg-4>*,.grid.lg-4 {
        grid-template-columns: repeat(4,1fr)!important
    }

    .undergrid.lg-5>*,.grid.lg-5 {
        grid-template-columns: repeat(5,1fr)!important
    }

    .undergrid.lg-6>*,.grid.lg-6 {
        grid-template-columns: repeat(6,1fr)!important
    }

    .grid>.col.lg-1 {
        grid-column: span 1!important
    }

    .grid>.col.lg-2 {
        grid-column: span 2!important
    }

    .grid>.col.lg-3 {
        grid-column: span 3!important
    }

    .grid>.col.lg-4 {
        grid-column: span 4!important
    }

    .grid>.col.lg-5 {
        grid-column: span 5!important
    }

    .grid>.col.lg-6 {
        grid-column: span 6!important
    }

    .grid.lg-1 > .col:not([class*="lg-"]), .grid.lg-2 > .col:not([class*="lg-"]), .grid.lg-3 > .col:not([class*="lg-"]), .grid.lg-4 > .col:not([class*="lg-"]), .grid.lg-5 > .col:not([class*="lg-"]), .grid.lg-6 > .col:not([class*="lg-"]) {
        grid-column: span 1!important
    }

    .grid.lg-1>.col.lg-2 {
        grid-column: span 1!important
    }

    .grid.lg-1>.col.lg-3 {
        grid-column: span 1!important
    }

    .grid.lg-1>.col.lg-4 {
        grid-column: span 1!important
    }

    .grid.lg-1>.col.lg-5 {
        grid-column: span 1!important
    }

    .grid.lg-1>.col.lg-6 {
        grid-column: span 1!important
    }

    .grid.lg-2>.col.lg-3 {
        grid-column: span 2!important
    }

    .grid.lg-2>.col.lg-4 {
        grid-column: span 2!important
    }

    .grid.lg-2>.col.lg-5 {
        grid-column: span 2!important
    }

    .grid.lg-2>.col.lg-6 {
        grid-column: span 2!important
    }

    .grid.lg-3>.col.lg-4 {
        grid-column: span 3!important
    }

    .grid.lg-3>.col.lg-5 {
        grid-column: span 3!important
    }

    .grid.lg-3>.col.lg-6 {
        grid-column: span 3!important
    }

    .grid.lg-4>.col.lg-5 {
        grid-column: span 4!important
    }

    .grid.lg-4>.col.lg-6 {
        grid-column: span 4!important
    }

    .grid.lg-5>.col.lg-6 {
        grid-column: span 5!important
    }

    .underflex.lg-1>*>*,.flex.lg-1>* {
        width: 100%!important
    }

    .underflex.lg-2>*>*,.flex.lg-2>* {
        width: 50%!important
    }

    .underflex.lg-3>*>*,.flex.lg-3>* {
        width: calc(100% / 3) !important
    }

    .underflex.lg-4>*>*,.flex.lg-4>* {
        width: 25%!important
    }

    .underflex.lg-5>*>*,.flex.lg-5>* {
        width: 20%!important
    }

    .underflex.lg-6>*>*,.flex.lg-6>* {
        width: calc(100% / 6) !important
    }

    .underflex.forcedwidth.lg-1>*>*,.flex.forcedwidth.lg-1>* {
        min-width: 100%!important
    }

    .underflex.forcedwidth.lg-2>*>*,.flex.forcedwidth.lg-2>* {
        min-width: 50%!important
    }

    .underflex.forcedwidth.lg-3>*>*,.flex.forcedwidth.lg-3>* {
        min-width: calc(100% / 3) !important
    }

    .underflex.forcedwidth.lg-4>*>*,.flex.forcedwidth.lg-4>* {
        min-width: 25%!important
    }

    .underflex.forcedwidth.lg-5>*>*,.flex.forcedwidth.lg-5>* {
        min-width: 20%!important
    }

    .underflex.forcedwidth.lg-6>*>*,.flex.forcedwidth.lg-6>* {
        min-width: calc(100% / 6) !important
    }

    .underflex>*>.col.c1,.flex>.col.lg-1 {
        width: calc(100% / 6)
    }

    .underflex>*>.col.c2,.flex>.col.lg-2 {
        width: calc(100% / 6 * 2)
    }

    .underflex>*>.col.c3,.flex>.col.lg-3 {
        width: calc(100% / 6 * 3)
    }

    .underflex>*>.col.c4,.flex>.col.lg-4 {
        width: calc(100% / 6 * 4)
    }

    .underflex>*>.col.c5,.flex>.col.lg-5 {
        width: calc(100% / 6 * 5)
    }

    .underflex>*>.col.c6,.flex>.col.lg-6 {
        width: 100%
    }

    .undergrid.lg-align-items_start>*,.grid.lg-align-items_start {
        align-items: start
    }

    .undergrid.lg-align-items_end>*,.grid.lg-align-items_end {
        align-items: end
    }

    .undergrid.lg-align-items_center>*,.grid.lg-align-items_center {
        align-items: center
    }

    .undergrid.lg-align-items_stretch>*,.grid.lg-align-items_stretch {
        align-items: stretch
    }

    .underflex.lg-align-items_end>*,.flex.lg-align-items_end {
        align-items: flex-end
    }

    .underflex.lg-align-items_center>*,.flex.lg-align-items_center {
        align-items: center
    }

    .underflex.lg-align-items_start>*,.flex.lg-align-items_start {
        align-items: flex-start
    }

    .underflex.lg-align-items_stretch>*,.flex.lg-align-items_stretch {
        align-items: stretch
    }

    .undergrid.lg-justify-items_start>*,.grid.lg-justify-items_start {
        justify-items: start
    }

    .undergrid.lg-justify-items_end>*,.grid.lg-justify-items_end {
        justify-items: end
    }

    .undergrid.lg-justify-items_center>*,.grid.lg-justify-items_center {
        justify-items: center
    }

    .undergrid.lg-justify-items_stretch>*,.grid.lg-justify-items_stretch {
        justify-items: stretch
    }

    .underflex.lg-justify-items_end>*,.flex.lg-justify-items_end {
        justify-items: flex-end
    }

    .underflex.lg-justify-items_start>*,.flex.lg-justify-items_start {
        justify-items: flex-start
    }

    .underflex.lg-justify-items_center>*,.flex.lg-justify-items_center {
        justify-items: center
    }

    .underflex.lg-justify-items_stretch>*,.flex.lg-justify-items_stretch {
        justify-items: flex-stretch
    }

    .undergrid.lg-align-content_start>*,.grid.lg-align-content_start {
        align-content: start
    }

    .undergrid.lg-align-content_end>*,.grid.lg-align-content_end {
        align-content: end
    }

    .undergrid.lg-align-content_center>*,.grid.lg-align-content_center {
        align-content: center
    }

    .undergrid.lg-align-content_stretch>*,.grid.lg-align-content_stretch {
        align-content: stretch
    }

    .underflex.lg-align-content_start>*,.flex.lg-align-content_start {
        align-content: flex-start
    }

    .underflex.lg-align-content_end>*,.flex.lg-align-content_end {
        align-content: flex-end
    }

    .underflex.lg-align-content_center>*,.flex.lg-align-content_center {
        align-content: center
    }

    .underflex.lg-align-content_stretch>*,.flex.lg-align-content_stretch {
        align-content: stretch
    }

    .undergrid.lg-justify-content_start>*,.grid.lg-justify-content_start {
        justify-content: start
    }

    .undergrid.lg-justify-content_end>*,.grid.lg-justify-content_end {
        justify-content: end
    }

    .undergrid.lg-justify-content_center>*,.grid.lg-justify-content_center {
        justify-content: center
    }

    .undergrid.lg-justify-content_stretch>*,.grid.lg-justify-content_stretch {
        justify-content: stretch
    }

    .undergrid.lg-justify-content_space-around>*,.grid.lg-justify-content_space-around {
        justify-content: space-around
    }

    .undergrid.lg-justify-content_space-between>*,.grid.lg-justify-content_space-between {
        justify-content: space-between
    }

    .undergrid.lg-justify-content_space-evenly>*,.grid.lg-justify-content_space-evenly {
        justify-content: space-evenly
    }

    .underflex.lg-justify-content_start>*,.flex.lg-justify-content_start {
        justify-content: flex-start
    }

    .underflex.lg-justify-content_end>*,.flex.lg-justify-content_end {
        justify-content: flex-end
    }

    .underflex.lg-justify-content_center>*,.flex.lg-justify-content_center {
        justify-content: center
    }

    .underflex.lg-justify-content_stretch>*,.flex.lg-justify-content_stretch {
        justify-content: stretch
    }

    .underflex.lg-justify-content_space-around>*,.flex.lg-justify-content_space-around {
        justify-content: space-around
    }

    .underflex.lg-justify-content_space-between>*,.flex.lg-justify-content_space-between {
        justify-content: space-between
    }

    .underflex.lg-justify-content_space-evenly>*,.flex.lg-justify-content_space-evenly {
        justify-content: space-evenly
    }
}

@media (max-width: 980px) {
    .undergrid.md-1>*,.grid.md-1 {
        grid-template-columns:repeat(1,1fr)!important
    }

    .undergrid.md-2>*,.grid.md-2 {
        grid-template-columns: repeat(2,1fr)!important
    }

    .undergrid.md-3>*,.grid.md-3 {
        grid-template-columns: repeat(3,1fr)!important
    }

    .undergrid.md-4>*,.grid.md-4 {
        grid-template-columns: repeat(4,1fr)!important
    }

    .undergrid.md-5>*,.grid.md-5 {
        grid-template-columns: repeat(5,1fr)!important
    }

    .undergrid.md-6>*,.grid.md-6 {
        grid-template-columns: repeat(6,1fr)!important
    }

    .grid>.col.md-1 {
        grid-column: span 1!important
    }

    .grid>.col.md-2 {
        grid-column: span 2!important
    }

    .grid>.col.md-3 {
        grid-column: span 3!important
    }

    .grid>.col.md-4 {
        grid-column: span 4!important
    }

    .grid>.col.md-5 {
        grid-column: span 5!important
    }

    .grid>.col.md-6 {
        grid-column: span 6!important
    }

    .grid.md-1 > .col:not([class*="md-"]), .grid.md-2 > .col:not([class*="md-"]), .grid.md-3 > .col:not([class*="md-"]), .grid.md-4 > .col:not([class*="md-"]), .grid.md-5 > .col:not([class*="md-"]), .grid.md-6 > .col:not([class*="md-"]) {
        grid-column: span 1!important
    }

    .grid.md-1>.col.md-2 {
        grid-column: span 1!important
    }

    .grid.md-1>.col.md-3 {
        grid-column: span 1!important
    }

    .grid.md-1>.col.md-4 {
        grid-column: span 1!important
    }

    .grid.md-1>.col.md-5 {
        grid-column: span 1!important
    }

    .grid.md-1>.col.md-6 {
        grid-column: span 1!important
    }

    .grid.md-2>.col.md-3 {
        grid-column: span 2!important
    }

    .grid.md-2>.col.md-4 {
        grid-column: span 2!important
    }

    .grid.md-2>.col.md-5 {
        grid-column: span 2!important
    }

    .grid.md-2>.col.md-6 {
        grid-column: span 2!important
    }

    .grid.md-3>.col.md-4 {
        grid-column: span 3!important
    }

    .grid.md-3>.col.md-5 {
        grid-column: span 3!important
    }

    .grid.md-3>.col.md-6 {
        grid-column: span 3!important
    }

    .grid.md-4>.col.md-5 {
        grid-column: span 4!important
    }

    .grid.md-4>.col.md-6 {
        grid-column: span 4!important
    }

    .grid.md-5>.col.md-6 {
        grid-column: span 5!important
    }

    .underflex.md-1>*>*,.flex.md-1>* {
        width: 100%!important
    }

    .underflex.md-2>*>*,.flex.md-2>* {
        width: 50%!important
    }

    .underflex.md-3>*>*,.flex.md-3>* {
        width: calc(100% / 3) !important
    }

    .underflex.md-4>*>*,.flex.md-4>* {
        width: 25%!important
    }

    .underflex.md-5>*>*,.flex.md-5>* {
        width: 20%!important
    }

    .underflex.md-6>*>*,.flex.md-6>* {
        width: calc(100% / 6) !important
    }

    .underflex.forcedwidth.md-1>*>*,.flex.forcedwidth.md-1>* {
        min-width: 100%!important
    }

    .underflex.forcedwidth.md-2>*>*,.flex.forcedwidth.md-2>* {
        min-width: 50%!important
    }

    .underflex.forcedwidth.md-3>*>*,.flex.forcedwidth.md-3>* {
        min-width: calc(100% / 3) !important
    }

    .underflex.forcedwidth.md-4>*>*,.flex.forcedwidth.md-4>* {
        min-width: 25%!important
    }

    .underflex.forcedwidth.md-5>*>*,.flex.forcedwidth.md-5>* {
        min-width: 20%!important
    }

    .underflex.forcedwidth.md-6>*>*,.flex.forcedwidth.md-6>* {
        min-width: calc(100% / 6) !important
    }

    .underflex>*>.col.c1,.flex>.col.md-1 {
        width: calc(100% / 6)
    }

    .underflex>*>.col.c2,.flex>.col.md-2 {
        width: calc(100% / 6 * 2)
    }

    .underflex>*>.col.c3,.flex>.col.md-3 {
        width: calc(100% / 6 * 3)
    }

    .underflex>*>.col.c4,.flex>.col.md-4 {
        width: calc(100% / 6 * 4)
    }

    .underflex>*>.col.c5,.flex>.col.md-5 {
        width: calc(100% / 6 * 5)
    }

    .underflex>*>.col.c6,.flex>.col.md-6 {
        width: 100%
    }

    .undergrid.md-align-items_start>*,.grid.md-align-items_start {
        align-items: start
    }

    .undergrid.md-align-items_end>*,.grid.md-align-items_end {
        align-items: end
    }

    .undergrid.md-align-items_center>*,.grid.md-align-items_center {
        align-items: center
    }

    .undergrid.md-align-items_stretch>*,.grid.md-align-items_stretch {
        align-items: stretch
    }

    .underflex.md-align-items_end>*,.flex.md-align-items_end {
        align-items: flex-end
    }

    .underflex.md-align-items_center>*,.flex.md-align-items_center {
        align-items: center
    }

    .underflex.md-align-items_start>*,.flex.md-align-items_start {
        align-items: flex-start
    }

    .underflex.md-align-items_stretch>*,.flex.md-align-items_stretch {
        align-items: stretch
    }

    .undergrid.md-justify-items_start>*,.grid.md-justify-items_start {
        justify-items: start
    }

    .undergrid.md-justify-items_end>*,.grid.md-justify-items_end {
        justify-items: end
    }

    .undergrid.md-justify-items_center>*,.grid.md-justify-items_center {
        justify-items: center
    }

    .undergrid.md-justify-items_stretch>*,.grid.md-justify-items_stretch {
        justify-items: stretch
    }

    .underflex.md-justify-items_end>*,.flex.md-justify-items_end {
        justify-items: flex-end
    }

    .underflex.md-justify-items_start>*,.flex.md-justify-items_start {
        justify-items: flex-start
    }

    .underflex.md-justify-items_center>*,.flex.md-justify-items_center {
        justify-items: center
    }

    .underflex.md-justify-items_stretch>*,.flex.md-justify-items_stretch {
        justify-items: flex-stretch
    }

    .undergrid.md-align-content_start>*,.grid.md-align-content_start {
        align-content: start
    }

    .undergrid.md-align-content_end>*,.grid.md-align-content_end {
        align-content: end
    }

    .undergrid.md-align-content_center>*,.grid.md-align-content_center {
        align-content: center
    }

    .undergrid.md-align-content_stretch>*,.grid.md-align-content_stretch {
        align-content: stretch
    }

    .underflex.md-align-content_start>*,.flex.md-align-content_start {
        align-content: flex-start
    }

    .underflex.md-align-content_end>*,.flex.md-align-content_end {
        align-content: flex-end
    }

    .underflex.md-align-content_center>*,.flex.md-align-content_center {
        align-content: center
    }

    .underflex.md-align-content_stretch>*,.flex.md-align-content_stretch {
        align-content: stretch
    }

    .undergrid.md-justify-content_start>*,.grid.md-justify-content_start {
        justify-content: start
    }

    .undergrid.md-justify-content_end>*,.grid.md-justify-content_end {
        justify-content: end
    }

    .undergrid.md-justify-content_center>*,.grid.md-justify-content_center {
        justify-content: center
    }

    .undergrid.md-justify-content_stretch>*,.grid.md-justify-content_stretch {
        justify-content: stretch
    }

    .undergrid.md-justify-content_space-around>*,.grid.md-justify-content_space-around {
        justify-content: space-around
    }

    .undergrid.md-justify-content_space-between>*,.grid.md-justify-content_space-between {
        justify-content: space-between
    }

    .undergrid.md-justify-content_space-evenly>*,.grid.md-justify-content_space-evenly {
        justify-content: space-evenly
    }

    .underflex.md-justify-content_start>*,.flex.md-justify-content_start {
        justify-content: flex-start
    }

    .underflex.md-justify-content_end>*,.flex.md-justify-content_end {
        justify-content: flex-end
    }

    .underflex.md-justify-content_center>*,.flex.md-justify-content_center {
        justify-content: center
    }

    .underflex.md-justify-content_stretch>*,.flex.md-justify-content_stretch {
        justify-content: stretch
    }

    .underflex.md-justify-content_space-around>*,.flex.md-justify-content_space-around {
        justify-content: space-around
    }

    .underflex.md-justify-content_space-between>*,.flex.md-justify-content_space-between {
        justify-content: space-between
    }

    .underflex.md-justify-content_space-evenly>*,.flex.md-justify-content_space-evenly {
        justify-content: space-evenly
    }
}

@media (max-width: 736px) {
    .undergrid.sm-1>*,.grid.sm-1 {
        grid-template-columns:repeat(1,1fr)!important
    }

    .undergrid.sm-2>*,.grid.sm-2 {
        grid-template-columns: repeat(2,1fr)!important
    }

    .undergrid.sm-3>*,.grid.sm-3 {
        grid-template-columns: repeat(3,1fr)!important
    }

    .undergrid.sm-4>*,.grid.sm-4 {
        grid-template-columns: repeat(4,1fr)!important
    }

    .undergrid.sm-5>*,.grid.sm-5 {
        grid-template-columns: repeat(5,1fr)!important
    }

    .undergrid.sm-6>*,.grid.sm-6 {
        grid-template-columns: repeat(6,1fr)!important
    }

    .grid>.col.sm-1 {
        grid-column: span 1!important
    }

    .grid>.col.sm-2 {
        grid-column: span 2!important
    }

    .grid>.col.sm-3 {
        grid-column: span 3!important
    }

    .grid>.col.sm-4 {
        grid-column: span 4!important
    }

    .grid>.col.sm-5 {
        grid-column: span 5!important
    }

    .grid>.col.sm-6 {
        grid-column: span 6!important
    }

    .grid.sm-1 > .col:not([class*="sm-"]), .grid.sm-2 > .col:not([class*="sm-"]), .grid.sm-3 > .col:not([class*="sm-"]), .grid.sm-4 > .col:not([class*="sm-"]), .grid.sm-5 > .col:not([class*="sm-"]), .grid.sm-6 > .col:not([class*="sm-"]) {
        grid-column: span 1!important
    }

    .grid.sm-1>.col.sm-2 {
        grid-column: span 1!important
    }

    .grid.sm-1>.col.sm-3 {
        grid-column: span 1!important
    }

    .grid.sm-1>.col.sm-4 {
        grid-column: span 1!important
    }

    .grid.sm-1>.col.sm-5 {
        grid-column: span 1!important
    }

    .grid.sm-1>.col.sm-6 {
        grid-column: span 1!important
    }

    .grid.sm-2>.col.sm-3 {
        grid-column: span 2!important
    }

    .grid.sm-2>.col.sm-4 {
        grid-column: span 2!important
    }

    .grid.sm-2>.col.sm-5 {
        grid-column: span 2!important
    }

    .grid.sm-2>.col.sm-6 {
        grid-column: span 2!important
    }

    .grid.sm-3>.col.sm-4 {
        grid-column: span 3!important
    }

    .grid.sm-3>.col.sm-5 {
        grid-column: span 3!important
    }

    .grid.sm-3>.col.sm-6 {
        grid-column: span 3!important
    }

    .grid.sm-4>.col.sm-5 {
        grid-column: span 4!important
    }

    .grid.sm-4>.col.sm-6 {
        grid-column: span 4!important
    }

    .grid.sm-5>.col.sm-6 {
        grid-column: span 5!important
    }

    .underflex.sm-1>*>*,.flex.sm-1>* {
        width: 100%!important
    }

    .underflex.sm-2>*>*,.flex.sm-2>* {
        width: 50%!important
    }

    .underflex.sm-3>*>*,.flex.sm-3>* {
        width: calc(100% / 3) !important
    }

    .underflex.sm-4>*>*,.flex.sm-4>* {
        width: 25%!important
    }

    .underflex.sm-5>*>*,.flex.sm-5>* {
        width: 20%!important
    }

    .underflex.sm-6>*>*,.flex.sm-6>* {
        width: calc(100% / 6) !important
    }

    .underflex.forcedwidth.sm-1>*>*,.flex.forcedwidth.sm-1>* {
        min-width: 100%!important
    }

    .underflex.forcedwidth.sm-2>*>*,.flex.forcedwidth.sm-2>* {
        min-width: 50%!important
    }

    .underflex.forcedwidth.sm-3>*>*,.flex.forcedwidth.sm-3>* {
        min-width: calc(100% / 3) !important
    }

    .underflex.forcedwidth.sm-4>*>*,.flex.forcedwidth.sm-4>* {
        min-width: 25%!important
    }

    .underflex.forcedwidth.sm-5>*>*,.flex.forcedwidth.sm-5>* {
        min-width: 20%!important
    }

    .underflex.forcedwidth.sm-6>*>*,.flex.forcedwidth.sm-6>* {
        min-width: calc(100% / 6) !important
    }

    .underflex>*>.col.c1,.flex>.col.sm-1 {
        width: calc(100% / 6)
    }

    .underflex>*>.col.c2,.flex>.col.sm-2 {
        width: calc(100% / 6 * 2)
    }

    .underflex>*>.col.c3,.flex>.col.sm-3 {
        width: calc(100% / 6 * 3)
    }

    .underflex>*>.col.c4,.flex>.col.sm-4 {
        width: calc(100% / 6 * 4)
    }

    .underflex>*>.col.c5,.flex>.col.sm-5 {
        width: calc(100% / 6 * 5)
    }

    .underflex>*>.col.c6,.flex>.col.sm-6 {
        width: 100%
    }

    .undergrid.sm-align-items_start>*,.grid.sm-align-items_start {
        align-items: start
    }

    .undergrid.sm-align-items_end>*,.grid.sm-align-items_end {
        align-items: end
    }

    .undergrid.sm-align-items_center>*,.grid.sm-align-items_center {
        align-items: center
    }

    .undergrid.sm-align-items_stretch>*,.grid.sm-align-items_stretch {
        align-items: stretch
    }

    .underflex.sm-align-items_end>*,.flex.sm-align-items_end {
        align-items: flex-end
    }

    .underflex.sm-align-items_center>*,.flex.sm-align-items_center {
        align-items: center
    }

    .underflex.sm-align-items_start>*,.flex.sm-align-items_start {
        align-items: flex-start
    }

    .underflex.sm-align-items_stretch>*,.flex.sm-align-items_stretch {
        align-items: stretch
    }

    .undergrid.sm-justify-items_start>*,.grid.sm-justify-items_start {
        justify-items: start
    }

    .undergrid.sm-justify-items_end>*,.grid.sm-justify-items_end {
        justify-items: end
    }

    .undergrid.sm-justify-items_center>*,.grid.sm-justify-items_center {
        justify-items: center
    }

    .undergrid.sm-justify-items_stretch>*,.grid.sm-justify-items_stretch {
        justify-items: stretch
    }

    .underflex.sm-justify-items_end>*,.flex.sm-justify-items_end {
        justify-items: flex-end
    }

    .underflex.sm-justify-items_start>*,.flex.sm-justify-items_start {
        justify-items: flex-start
    }

    .underflex.sm-justify-items_center>*,.flex.sm-justify-items_center {
        justify-items: center
    }

    .underflex.sm-justify-items_stretch>*,.flex.sm-justify-items_stretch {
        justify-items: flex-stretch
    }

    .undergrid.sm-align-content_start>*,.grid.sm-align-content_start {
        align-content: start
    }

    .undergrid.sm-align-content_end>*,.grid.sm-align-content_end {
        align-content: end
    }

    .undergrid.sm-align-content_center>*,.grid.sm-align-content_center {
        align-content: center
    }

    .undergrid.sm-align-content_stretch>*,.grid.sm-align-content_stretch {
        align-content: stretch
    }

    .underflex.sm-align-content_start>*,.flex.sm-align-content_start {
        align-content: flex-start
    }

    .underflex.sm-align-content_end>*,.flex.sm-align-content_end {
        align-content: flex-end
    }

    .underflex.sm-align-content_center>*,.flex.sm-align-content_center {
        align-content: center
    }

    .underflex.sm-align-content_stretch>*,.flex.sm-align-content_stretch {
        align-content: stretch
    }

    .undergrid.sm-justify-content_start>*,.grid.sm-justify-content_start {
        justify-content: start
    }

    .undergrid.sm-justify-content_end>*,.grid.sm-justify-content_end {
        justify-content: end
    }

    .undergrid.sm-justify-content_center>*,.grid.sm-justify-content_center {
        justify-content: center
    }

    .undergrid.sm-justify-content_stretch>*,.grid.sm-justify-content_stretch {
        justify-content: stretch
    }

    .undergrid.sm-justify-content_space-around>*,.grid.sm-justify-content_space-around {
        justify-content: space-around
    }

    .undergrid.sm-justify-content_space-between>*,.grid.sm-justify-content_space-between {
        justify-content: space-between
    }

    .undergrid.sm-justify-content_space-evenly>*,.grid.sm-justify-content_space-evenly {
        justify-content: space-evenly
    }

    .underflex.sm-justify-content_start>*,.flex.sm-justify-content_start {
        justify-content: flex-start
    }

    .underflex.sm-justify-content_end>*,.flex.sm-justify-content_end {
        justify-content: flex-end
    }

    .underflex.sm-justify-content_center>*,.flex.sm-justify-content_center {
        justify-content: center
    }

    .underflex.sm-justify-content_stretch>*,.flex.sm-justify-content_stretch {
        justify-content: stretch
    }

    .underflex.sm-justify-content_space-around>*,.flex.sm-justify-content_space-around {
        justify-content: space-around
    }

    .underflex.sm-justify-content_space-between>*,.flex.sm-justify-content_space-between {
        justify-content: space-between
    }

    .underflex.sm-justify-content_space-evenly>*,.flex.sm-justify-content_space-evenly {
        justify-content: space-evenly
    }
}

@media (max-width: 480px) {
    .undergrid.xs-1>*,.grid.xs-1 {
        grid-template-columns:repeat(1,1fr)!important
    }

    .undergrid.xs-2>*,.grid.xs-2 {
        grid-template-columns: repeat(2,1fr)!important
    }

    .undergrid.xs-3>*,.grid.xs-3 {
        grid-template-columns: repeat(3,1fr)!important
    }

    .undergrid.xs-4>*,.grid.xs-4 {
        grid-template-columns: repeat(4,1fr)!important
    }

    .undergrid.xs-5>*,.grid.xs-5 {
        grid-template-columns: repeat(5,1fr)!important
    }

    .undergrid.xs-6>*,.grid.xs-6 {
        grid-template-columns: repeat(6,1fr)!important
    }

    .grid>.col.xs-1 {
        grid-column: span 1!important
    }

    .grid>.col.xs-2 {
        grid-column: span 2!important
    }

    .grid>.col.xs-3 {
        grid-column: span 3!important
    }

    .grid>.col.xs-4 {
        grid-column: span 4!important
    }

    .grid>.col.xs-5 {
        grid-column: span 5!important
    }

    .grid>.col.xs-6 {
        grid-column: span 6!important
    }

    .grid.xs-1 > .col:not([class*="xs-"]), .grid.xs-2 > .col:not([class*="xs-"]), .grid.xs-3 > .col:not([class*="xs-"]), .grid.xs-4 > .col:not([class*="xs-"]), .grid.xs-5 > .col:not([class*="xs-"]), .grid.xs-6 > .col:not([class*="xs-"]) {
        grid-column: span 1!important
    }

    .grid.xs-1>.col.xs-2 {
        grid-column: span 1!important
    }

    .grid.xs-1>.col.xs-3 {
        grid-column: span 1!important
    }

    .grid.xs-1>.col.xs-4 {
        grid-column: span 1!important
    }

    .grid.xs-1>.col.xs-5 {
        grid-column: span 1!important
    }

    .grid.xs-1>.col.xs-6 {
        grid-column: span 1!important
    }

    .grid.xs-2>.col.xs-3 {
        grid-column: span 2!important
    }

    .grid.xs-2>.col.xs-4 {
        grid-column: span 2!important
    }

    .grid.xs-2>.col.xs-5 {
        grid-column: span 2!important
    }

    .grid.xs-2>.col.xs-6 {
        grid-column: span 2!important
    }

    .grid.xs-3>.col.xs-4 {
        grid-column: span 3!important
    }

    .grid.xs-3>.col.xs-5 {
        grid-column: span 3!important
    }

    .grid.xs-3>.col.xs-6 {
        grid-column: span 3!important
    }

    .grid.xs-4>.col.xs-5 {
        grid-column: span 4!important
    }

    .grid.xs-4>.col.xs-6 {
        grid-column: span 4!important
    }

    .grid.xs-5>.col.xs-6 {
        grid-column: span 5!important
    }

    .underflex.xs-1>*>*,.flex.xs-1>* {
        width: 100%!important
    }

    .underflex.xs-2>*>*,.flex.xs-2>* {
        width: 50%!important
    }

    .underflex.xs-3>*>*,.flex.xs-3>* {
        width: calc(100% / 3) !important
    }

    .underflex.xs-4>*>*,.flex.xs-4>* {
        width: 25%!important
    }

    .underflex.xs-5>*>*,.flex.xs-5>* {
        width: 20%!important
    }

    .underflex.xs-6>*>*,.flex.xs-6>* {
        width: calc(100% / 6) !important
    }

    .underflex.forcedwidth.xs-1>*>*,.flex.forcedwidth.xs-1>* {
        min-width: 100%!important
    }

    .underflex.forcedwidth.xs-2>*>*,.flex.forcedwidth.xs-2>* {
        min-width: 50%!important
    }

    .underflex.forcedwidth.xs-3>*>*,.flex.forcedwidth.xs-3>* {
        min-width: calc(100% / 3) !important
    }

    .underflex.forcedwidth.xs-4>*>*,.flex.forcedwidth.xs-4>* {
        min-width: 25%!important
    }

    .underflex.forcedwidth.xs-5>*>*,.flex.forcedwidth.xs-5>* {
        min-width: 20%!important
    }

    .underflex.forcedwidth.xs-6>*>*,.flex.forcedwidth.xs-6>* {
        min-width: calc(100% / 6) !important
    }

    .underflex>*>.col.c1,.flex>.col.xs-1 {
        width: calc(100% / 6)
    }

    .underflex>*>.col.c2,.flex>.col.xs-2 {
        width: calc(100% / 6 * 2)
    }

    .underflex>*>.col.c3,.flex>.col.xs-3 {
        width: calc(100% / 6 * 3)
    }

    .underflex>*>.col.c4,.flex>.col.xs-4 {
        width: calc(100% / 6 * 4)
    }

    .underflex>*>.col.c5,.flex>.col.xs-5 {
        width: calc(100% / 6 * 5)
    }

    .underflex>*>.col.c6,.flex>.col.xs-6 {
        width: 100%
    }

    .undergrid.xs-align-items_start>*,.grid.xs-align-items_start {
        align-items: start
    }

    .undergrid.xs-align-items_end>*,.grid.xs-align-items_end {
        align-items: end
    }

    .undergrid.xs-align-items_center>*,.grid.xs-align-items_center {
        align-items: center
    }

    .undergrid.xs-align-items_stretch>*,.grid.xs-align-items_stretch {
        align-items: stretch
    }

    .underflex.xs-align-items_end>*,.flex.xs-align-items_end {
        align-items: flex-end
    }

    .underflex.xs-align-items_center>*,.flex.xs-align-items_center {
        align-items: center
    }

    .underflex.xs-align-items_start>*,.flex.xs-align-items_start {
        align-items: flex-start
    }

    .underflex.xs-align-items_stretch>*,.flex.xs-align-items_stretch {
        align-items: stretch
    }

    .undergrid.xs-justify-items_start>*,.grid.xs-justify-items_start {
        justify-items: start
    }

    .undergrid.xs-justify-items_end>*,.grid.xs-justify-items_end {
        justify-items: end
    }

    .undergrid.xs-justify-items_center>*,.grid.xs-justify-items_center {
        justify-items: center
    }

    .undergrid.xs-justify-items_stretch>*,.grid.xs-justify-items_stretch {
        justify-items: stretch
    }

    .underflex.xs-justify-items_end>*,.flex.xs-justify-items_end {
        justify-items: flex-end
    }

    .underflex.xs-justify-items_start>*,.flex.xs-justify-items_start {
        justify-items: flex-start
    }

    .underflex.xs-justify-items_center>*,.flex.xs-justify-items_center {
        justify-items: center
    }

    .underflex.xs-justify-items_stretch>*,.flex.xs-justify-items_stretch {
        justify-items: flex-stretch
    }

    .undergrid.xs-align-content_start>*,.grid.xs-align-content_start {
        align-content: start
    }

    .undergrid.xs-align-content_end>*,.grid.xs-align-content_end {
        align-content: end
    }

    .undergrid.xs-align-content_center>*,.grid.xs-align-content_center {
        align-content: center
    }

    .undergrid.xs-align-content_stretch>*,.grid.xs-align-content_stretch {
        align-content: stretch
    }

    .underflex.xs-align-content_start>*,.flex.xs-align-content_start {
        align-content: flex-start
    }

    .underflex.xs-align-content_end>*,.flex.xs-align-content_end {
        align-content: flex-end
    }

    .underflex.xs-align-content_center>*,.flex.xs-align-content_center {
        align-content: center
    }

    .underflex.xs-align-content_stretch>*,.flex.xs-align-content_stretch {
        align-content: stretch
    }

    .undergrid.xs-justify-content_start>*,.grid.xs-justify-content_start {
        justify-content: start
    }

    .undergrid.xs-justify-content_end>*,.grid.xs-justify-content_end {
        justify-content: end
    }

    .undergrid.xs-justify-content_center>*,.grid.xs-justify-content_center {
        justify-content: center
    }

    .undergrid.xs-justify-content_stretch>*,.grid.xs-justify-content_stretch {
        justify-content: stretch
    }

    .undergrid.xs-justify-content_space-around>*,.grid.xs-justify-content_space-around {
        justify-content: space-around
    }

    .undergrid.xs-justify-content_space-between>*,.grid.xs-justify-content_space-between {
        justify-content: space-between
    }

    .undergrid.xs-justify-content_space-evenly>*,.grid.xs-justify-content_space-evenly {
        justify-content: space-evenly
    }

    .underflex.xs-justify-content_start>*,.flex.xs-justify-content_start {
        justify-content: flex-start
    }

    .underflex.xs-justify-content_end>*,.flex.xs-justify-content_end {
        justify-content: flex-end
    }

    .underflex.xs-justify-content_center>*,.flex.xs-justify-content_center {
        justify-content: center
    }

    .underflex.xs-justify-content_stretch>*,.flex.xs-justify-content_stretch {
        justify-content: stretch
    }

    .underflex.xs-justify-content_space-around>*,.flex.xs-justify-content_space-around {
        justify-content: space-around
    }

    .underflex.xs-justify-content_space-between>*,.flex.xs-justify-content_space-between {
        justify-content: space-between
    }

    .underflex.xs-justify-content_space-evenly>*,.flex.xs-justify-content_space-evenly {
        justify-content: space-evenly
    }
}