/* Ribs from csskel 
 * Version: 1.0.2
 * Ribs is the minimum incarnation of csskel including only the grid
 * system and the helpers. In most cases this can be added to any
 * other css framework or boilerplate without disturbing other styles
 * but adding csskel convenient grid system 
 * (C)2020 Aleks Vasquez (admin@masclientes.mx)
 * */
:root{--base-font-size:62.5%;--grid-gap:5px 5px;--mobile-padding:10px;--spacer:1em;--spacer1:calc(var(--spacer)*.25);--spacer2:calc(var(--spacer)*.51);--spacer3:var(--spacer);--spacer4:calc(var(--spacer)*1.5);--spacer5:calc(var(--spacer)*3)}.grid-container{position:relative;max-width:100vw;margin:0 auto;text-align:left;display:grid;grid-gap:var(--grid-gap);gap:var(--grid-gap);grid-template-columns:minmax(200px,1fr)}.grid-container>div{padding-left:var(--mobile-padding);padding-right:var(--mobile-padding)}@media (min-width:600px){.grid-container{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-container>div{padding-left:0;padding-right:0}.grid-container.cols\:10,.grid-container.cols\:11,.grid-container.cols\:12,.grid-container.cols\:6,.grid-container.cols\:7,.grid-container.cols\:8,.grid-container.cols\:9{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-container.cols\:5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-container.cols\:4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-container.cols\:3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-container.cols\:2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-container.softcols\:10,.grid-container.softcols\:11,.grid-container.softcols\:12,.grid-container.softcols\:6,.grid-container.softcols\:7,.grid-container.softcols\:8,.grid-container.softcols\:9{grid-template-columns:repeat(6,1fr)}.grid-container.softcols\:5{grid-template-columns:repeat(5,1fr)}.grid-container.softcols\:4{grid-template-columns:repeat(4,1fr)}.grid-container.softcols\:3{grid-template-columns:repeat(3,1fr)}.grid-container.softcols\:2{grid-template-columns:repeat(2,1fr)}.grid-container .colspan\:2{grid-column-end:span 2}.grid-container .colspan\:3{grid-column-end:span 3}.grid-container .colspan\:4{grid-column-end:span 4}.grid-container .colspan\:5,.grid-container .colspan\:6,.grid-container .colspan\:7,.grid-container .colspan\:8,.grid-container .colspan\:9{grid-column-end:span 5}}@media (min-width:1200px){.grid-container.cols\:12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-container.cols\:11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-container.cols\:10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-container.cols\:9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-container.cols\:8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-container.cols\:7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-container.softcols\:12{grid-template-columns:repeat(12,1fr)}.grid-container.softcols\:11{grid-template-columns:repeat(11,1fr)}.grid-container.softcols\:10{grid-template-columns:repeat(10,1fr)}.grid-container.softcols\:9{grid-template-columns:repeat(9,1fr)}.grid-container.softcols\:8{grid-template-columns:repeat(8,1fr)}.grid-container.softcols\:7{grid-template-columns:repeat(7,1fr)}.grid-container .colspan\:6{grid-column-end:span 6}.grid-container .colspan\:7{grid-column-end:span 7}.grid-container .colspan\:8{grid-column-end:span 8}.grid-container .colspan\:9{grid-column-end:span 9}}.grid-container>div.nopadding{padding-left:0;padding-right:0}.full-width{width:100%;box-sizing:border-box}.max-full-width{max-width:100%;box-sizing:border-box}.pull-right{float:right}.pull-left{float:left}.align-left{text-align:left}.align-right{text-align:right}.align-justify{text-align:justify}.align-center{text-align:center}.m\:0{margin:0!important}.mt\:0,.my\:0{margin-top:0!important}.mb\:0,.my\:0{margin-bottom:0!important}.ml\:0,.mx\:0{margin-left:0!important}.mr\:0,.mx\:0{margin-right:0!important}.m\:auto{margin:auto!important}.mt\:auto,.my\:auto{margin-top:auto!important}.mb\:auto,.my\:auto{margin-bottom:auto!important}.ml\:auto,.mx\:auto{margin-left:auto!important}.mr\:auto,.mx\:auto{margin-right:auto!important}.m\:1{margin:var(--spacer1)!important}.mt\:1,.my\:1{margin-top:var(--spacer1)!important}.mb\:1,.my\:1{margin-bottom:var(--spacer1)!important}.ml\:1,.mx\:1{margin-left:var(--spacer1)!important}.mr\:1,.mx\:1{margin-right:var(--spacer1)!important}.m\:2{margin:var(--spacer2)!important}.mt\:2,.my\:2{margin-top:var(--spacer2)!important}.mb\:2,.my\:2{margin-bottom:var(--spacer2)!important}.ml\:2,.mx\:2{margin-left:var(--spacer2)!important}.mr\:2,.mx\:2{margin-right:var(--spacer2)!important}.m\:3{margin:var(--spacer3)!important}.mt\:3,.my\:3{margin-top:var(--spacer3)!important}.mb\:3,.my\:3{margin-bottom:var(--spacer3)!important}.ml\:3,.mx\:3{margin-left:var(--spacer3)!important}.mr\:3,.mx\:3{margin-right:var(--spacer3)!important}.m\:4{margin:var(--spacer4)!important}.mt\:4,.my\:4{margin-top:var(--spacer4)!important}.mb\:4,.my\:4{margin-bottom:var(--spacer4)!important}.ml\:4,.mx\:4{margin-left:var(--spacer4)!important}.mr\:4,.mx\:4{margin-right:var(--spacer4)!important}.m\:5{margin:var(--spacer5)!important}.mt\:5,.my\:5{margin-top:var(--spacer5)!important}.mb\:5,.my\:5{margin-bottom:var(--spacer5)!important}.ml\:5,.mx\:5{margin-left:var(--spacer5)!important}.mr\:5,.mx\:5{margin-right:var(--spacer5)!important}.p\:0{padding:0!important}.pt\:0,.py\:0{padding-top:0!important}.pb\:0,.py\:0{padding-bottom:0!important}.pl\:0,.px\:0{padding-left:0!important}.pr\:0,.px\:0{padding-right:0!important}.p\:1{padding:var(--spacer1)!important}.pt\:1,.py\:1{padding-top:var(--spacer1)!important}.pb\:1,.py\:1{padding-bottom:var(--spacer1)!important}.pl\:1,.px\:1{padding-left:var(--spacer1)!important}.pr\:1,.px\:1{padding-right:var(--spacer1)!important}.p\:2{padding:var(--spacer2)!important}.pt\:2,.py\:2{padding-top:var(--spacer2)!important}.pb\:2,.py\:2{padding-bottom:var(--spacer2)!important}.pl\:2,.px\:2{padding-left:var(--spacer2)!important}.pr\:2,.px\:2{padding-right:var(--spacer2)!important}.p\:3{padding:var(--spacer3)!important}.pt\:3,.py\:3{padding-top:var(--spacer3)!important}.pb\:3,.py\:3{padding-bottom:var(--spacer3)!important}.pl\:3,.px\:3{padding-left:var(--spacer3)!important}.pr\:3,.px\:3{padding-right:var(--spacer3)!important}.p\:4{padding:var(--spacer4)!important}.pt\:4,.py\:4{padding-top:var(--spacer4)!important}.pb\:4,.py\:4{padding-bottom:var(--spacer4)!important}.pl\:4,.px\:4{padding-left:var(--spacer4)!important}.pr\:4,.px\:4{padding-right:var(--spacer4)!important}.p\:5{padding:var(--spacer5)!important}.pt\:5,.py\:5{padding-top:var(--spacer5)!important}.pb\:5,.py\:5{padding-bottom:var(--spacer5)!important}.pl\:5,.px\:5{padding-left:var(--spacer5)!important}.pr\:5,.px\:5{padding-right:var(--spacer5)!important}@media (min-width:600px){.grid-container{max-width:750px}}@media (min-width:900px){.grid-container{max-width:970px}}@media (min-width:1280px){.grid-container{max-width:1068px}}