ribs-grid
Version:
Scss flexbox grid system can be used with sass or css
3 lines (1 loc) • 25.7 kB
CSS
.text-center{text-align:center}.gutter-b{margin-bottom:1.875rem }.mt-05{margin-top:0.5rem }.mr-05{margin-right:0.5rem }.mb-05{margin-bottom:0.5rem }.ml-05{margin-left:0.5rem }.m-0{margin:0rem }.mt-0{margin-top:0rem }.mr-0{margin-right:0rem }.mb-0{margin-bottom:0rem }.ml-0{padding-left:0rem }.p-0{padding:0rem }.pt-0{padding-top:0rem }.pr-0{padding-right:0rem }.pb-0{padding-bottom:0rem }.pl-0{padding-left:0rem }.m-1{margin:1rem }.mt-1{margin-top:1rem }.mr-1{margin-right:1rem }.mb-1{margin-bottom:1rem }.ml-1{padding-left:1rem }.p-1{padding:1rem }.pt-1{padding-top:1rem }.pr-1{padding-right:1rem }.pb-1{padding-bottom:1rem }.pl-1{padding-left:1rem }.m-2{margin:2rem }.mt-2{margin-top:2rem }.mr-2{margin-right:2rem }.mb-2{margin-bottom:2rem }.ml-2{padding-left:2rem }.p-2{padding:2rem }.pt-2{padding-top:2rem }.pr-2{padding-right:2rem }.pb-2{padding-bottom:2rem }.pl-2{padding-left:2rem }.m-3{margin:3rem }.mt-3{margin-top:3rem }.mr-3{margin-right:3rem }.mb-3{margin-bottom:3rem }.ml-3{padding-left:3rem }.p-3{padding:3rem }.pt-3{padding-top:3rem }.pr-3{padding-right:3rem }.pb-3{padding-bottom:3rem }.pl-3{padding-left:3rem }.m-4{margin:4rem }.mt-4{margin-top:4rem }.mr-4{margin-right:4rem }.mb-4{margin-bottom:4rem }.ml-4{padding-left:4rem }.p-4{padding:4rem }.pt-4{padding-top:4rem }.pr-4{padding-right:4rem }.pb-4{padding-bottom:4rem }.pl-4{padding-left:4rem }.m-5{margin:5rem }.mt-5{margin-top:5rem }.mr-5{margin-right:5rem }.mb-5{margin-bottom:5rem }.ml-5{padding-left:5rem }.p-5{padding:5rem }.pt-5{padding-top:5rem }.pr-5{padding-right:5rem }.pb-5{padding-bottom:5rem }.pl-5{padding-left:5rem }.m-6{margin:6rem }.mt-6{margin-top:6rem }.mr-6{margin-right:6rem }.mb-6{margin-bottom:6rem }.ml-6{padding-left:6rem }.p-6{padding:6rem }.pt-6{padding-top:6rem }.pr-6{padding-right:6rem }.pb-6{padding-bottom:6rem }.pl-6{padding-left:6rem }.m-7{margin:7rem }.mt-7{margin-top:7rem }.mr-7{margin-right:7rem }.mb-7{margin-bottom:7rem }.ml-7{padding-left:7rem }.p-7{padding:7rem }.pt-7{padding-top:7rem }.pr-7{padding-right:7rem }.pb-7{padding-bottom:7rem }.pl-7{padding-left:7rem }.m-8{margin:8rem }.mt-8{margin-top:8rem }.mr-8{margin-right:8rem }.mb-8{margin-bottom:8rem }.ml-8{padding-left:8rem }.p-8{padding:8rem }.pt-8{padding-top:8rem }.pr-8{padding-right:8rem }.pb-8{padding-bottom:8rem }.pl-8{padding-left:8rem }.m-9{margin:9rem }.mt-9{margin-top:9rem }.mr-9{margin-right:9rem }.mb-9{margin-bottom:9rem }.ml-9{padding-left:9rem }.p-9{padding:9rem }.pt-9{padding-top:9rem }.pr-9{padding-right:9rem }.pb-9{padding-bottom:9rem }.pl-9{padding-left:9rem }.m-10{margin:10rem }.mt-10{margin-top:10rem }.mr-10{margin-right:10rem }.mb-10{margin-bottom:10rem }.ml-10{padding-left:10rem }.p-10{padding:10rem }.pt-10{padding-top:10rem }.pr-10{padding-right:10rem }.pb-10{padding-bottom:10rem }.pl-10{padding-left:10rem }.m-11{margin:11rem }.mt-11{margin-top:11rem }.mr-11{margin-right:11rem }.mb-11{margin-bottom:11rem }.ml-11{padding-left:11rem }.p-11{padding:11rem }.pt-11{padding-top:11rem }.pr-11{padding-right:11rem }.pb-11{padding-bottom:11rem }.pl-11{padding-left:11rem }.m-12{margin:12rem }.mt-12{margin-top:12rem }.mr-12{margin-right:12rem }.mb-12{margin-bottom:12rem }.ml-12{padding-left:12rem }.p-12{padding:12rem }.pt-12{padding-top:12rem }.pr-12{padding-right:12rem }.pb-12{padding-bottom:12rem }.pl-12{padding-left:12rem }.m-13{margin:13rem }.mt-13{margin-top:13rem }.mr-13{margin-right:13rem }.mb-13{margin-bottom:13rem }.ml-13{padding-left:13rem }.p-13{padding:13rem }.pt-13{padding-top:13rem }.pr-13{padding-right:13rem }.pb-13{padding-bottom:13rem }.pl-13{padding-left:13rem }.m-14{margin:14rem }.mt-14{margin-top:14rem }.mr-14{margin-right:14rem }.mb-14{margin-bottom:14rem }.ml-14{padding-left:14rem }.p-14{padding:14rem }.pt-14{padding-top:14rem }.pr-14{padding-right:14rem }.pb-14{padding-bottom:14rem }.pl-14{padding-left:14rem }.m-15{margin:15rem }.mt-15{margin-top:15rem }.mr-15{margin-right:15rem }.mb-15{margin-bottom:15rem }.ml-15{padding-left:15rem }.p-15{padding:15rem }.pt-15{padding-top:15rem }.pr-15{padding-right:15rem }.pb-15{padding-bottom:15rem }.pl-15{padding-left:15rem }.m-16{margin:16rem }.mt-16{margin-top:16rem }.mr-16{margin-right:16rem }.mb-16{margin-bottom:16rem }.ml-16{padding-left:16rem }.p-16{padding:16rem }.pt-16{padding-top:16rem }.pr-16{padding-right:16rem }.pb-16{padding-bottom:16rem }.pl-16{padding-left:16rem }.m-17{margin:17rem }.mt-17{margin-top:17rem }.mr-17{margin-right:17rem }.mb-17{margin-bottom:17rem }.ml-17{padding-left:17rem }.p-17{padding:17rem }.pt-17{padding-top:17rem }.pr-17{padding-right:17rem }.pb-17{padding-bottom:17rem }.pl-17{padding-left:17rem }.m-18{margin:18rem }.mt-18{margin-top:18rem }.mr-18{margin-right:18rem }.mb-18{margin-bottom:18rem }.ml-18{padding-left:18rem }.p-18{padding:18rem }.pt-18{padding-top:18rem }.pr-18{padding-right:18rem }.pb-18{padding-bottom:18rem }.pl-18{padding-left:18rem }.m-19{margin:19rem }.mt-19{margin-top:19rem }.mr-19{margin-right:19rem }.mb-19{margin-bottom:19rem }.ml-19{padding-left:19rem }.p-19{padding:19rem }.pt-19{padding-top:19rem }.pr-19{padding-right:19rem }.pb-19{padding-bottom:19rem }.pl-19{padding-left:19rem }.m-20{margin:20rem }.mt-20{margin-top:20rem }.mr-20{margin-right:20rem }.mb-20{margin-bottom:20rem }.ml-20{padding-left:20rem }.p-20{padding:20rem }.pt-20{padding-top:20rem }.pr-20{padding-right:20rem }.pb-20{padding-bottom:20rem }.pl-20{padding-left:20rem }.ribs-container,.ribs-container-fluid{width:98.6%;padding:0 1rem}.ribs-container *,.ribs-container-fluid *,.ribs-grid *{box-sizing:border-box}.ribs-container .row,.ribs-container-fluid .row,.ribs-grid .row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}.ribs-container .row img,.ribs-container-fluid .row img,.ribs-grid .row img{max-width:100%}.ribs-container .row .cxs,.ribs-container-fluid .row .cxs,.ribs-grid .row .cxs{flex-grow:1;flex-basis:0;padding:0 calc(1.875rem/2);max-width:100%}.ribs-container .row .cxs-1,.ribs-container-fluid .row .cxs-1,.ribs-grid .row .cxs-1{flex-basis:8.33%;max-width:8.33%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-1,.ribs-container-fluid .row .cxs-offset-1,.ribs-grid .row .cxs-offset-1{margin-left:8.33%}.ribs-container .row .cxs-2,.ribs-container-fluid .row .cxs-2,.ribs-grid .row .cxs-2{flex-basis:16.66%;max-width:16.66%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-2,.ribs-container-fluid .row .cxs-offset-2,.ribs-grid .row .cxs-offset-2{margin-left:16.66%}.ribs-container .row .cxs-3,.ribs-container-fluid .row .cxs-3,.ribs-grid .row .cxs-3{flex-basis:24.99%;max-width:24.99%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-3,.ribs-container-fluid .row .cxs-offset-3,.ribs-grid .row .cxs-offset-3{margin-left:24.99%}.ribs-container .row .cxs-4,.ribs-container-fluid .row .cxs-4,.ribs-grid .row .cxs-4{flex-basis:33.32%;max-width:33.32%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-4,.ribs-container-fluid .row .cxs-offset-4,.ribs-grid .row .cxs-offset-4{margin-left:33.32%}.ribs-container .row .cxs-5,.ribs-container-fluid .row .cxs-5,.ribs-grid .row .cxs-5{flex-basis:41.65%;max-width:41.65%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-5,.ribs-container-fluid .row .cxs-offset-5,.ribs-grid .row .cxs-offset-5{margin-left:41.65%}.ribs-container .row .cxs-6,.ribs-container-fluid .row .cxs-6,.ribs-grid .row .cxs-6{flex-basis:49.98%;max-width:49.98%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-6,.ribs-container-fluid .row .cxs-offset-6,.ribs-grid .row .cxs-offset-6{margin-left:49.98%}.ribs-container .row .cxs-7,.ribs-container-fluid .row .cxs-7,.ribs-grid .row .cxs-7{flex-basis:58.31%;max-width:58.31%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-7,.ribs-container-fluid .row .cxs-offset-7,.ribs-grid .row .cxs-offset-7{margin-left:58.31%}.ribs-container .row .cxs-8,.ribs-container-fluid .row .cxs-8,.ribs-grid .row .cxs-8{flex-basis:66.64%;max-width:66.64%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-8,.ribs-container-fluid .row .cxs-offset-8,.ribs-grid .row .cxs-offset-8{margin-left:66.64%}.ribs-container .row .cxs-9,.ribs-container-fluid .row .cxs-9,.ribs-grid .row .cxs-9{flex-basis:74.97%;max-width:74.97%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-9,.ribs-container-fluid .row .cxs-offset-9,.ribs-grid .row .cxs-offset-9{margin-left:74.97%}.ribs-container .row .cxs-10,.ribs-container-fluid .row .cxs-10,.ribs-grid .row .cxs-10{flex-basis:83.3%;max-width:83.3%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-10,.ribs-container-fluid .row .cxs-offset-10,.ribs-grid .row .cxs-offset-10{margin-left:83.3%}.ribs-container .row .cxs-11,.ribs-container-fluid .row .cxs-11,.ribs-grid .row .cxs-11{flex-basis:91.63%;max-width:91.63%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-11,.ribs-container-fluid .row .cxs-offset-11,.ribs-grid .row .cxs-offset-11{margin-left:91.63%}.ribs-container .row .cxs-12,.ribs-container-fluid .row .cxs-12,.ribs-grid .row .cxs-12{flex-basis:99.96%;max-width:99.96%;padding:0 calc(1.875rem/2)}.ribs-container .row .cxs-offset-12,.ribs-container-fluid .row .cxs-offset-12,.ribs-grid .row .cxs-offset-12{margin-left:99.96%}.ribs-container .row.start-xs,.ribs-container-fluid .row.start-xs,.ribs-grid .row.start-xs{justify-content:flex-start}.ribs-container .row.center-xs,.ribs-container-fluid .row.center-xs,.ribs-grid .row.center-xs{justify-content:center}.ribs-container .row.end-xs,.ribs-container-fluid .row.end-xs,.ribs-grid .row.end-xs{justify-content:flex-end}.ribs-container .row.top-xs,.ribs-container-fluid .row.top-xs,.ribs-grid .row.top-xs{align-items:flex-start}.ribs-container .row.middle-xs,.ribs-container-fluid .row.middle-xs,.ribs-grid .row.middle-xs{align-items:center}.ribs-container .row.bottom-xs,.ribs-container-fluid .row.bottom-xs,.ribs-grid .row.bottom-xs{align-items:flex-end}.ribs-container .row.around-xs,.ribs-container-fluid .row.around-xs,.ribs-grid .row.around-xs{justify-content:space-around}.ribs-container .row.between-xs,.ribs-container-fluid .row.between-xs,.ribs-grid .row.between-xs{justify-content:space-between}@media all and (min-width: 576px){.ribs-container .row .csm,.ribs-container-fluid .row .csm,.ribs-grid .row .csm{flex-grow:1;flex-basis:0;padding:0 calc(1.875rem/2);max-width:100%}.ribs-container .row .csm-1,.ribs-container-fluid .row .csm-1,.ribs-grid .row .csm-1{flex-basis:8.33%;max-width:8.33%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-1,.ribs-container-fluid .row .csm-offset-1,.ribs-grid .row .csm-offset-1{margin-left:8.33%}.ribs-container .row .csm-2,.ribs-container-fluid .row .csm-2,.ribs-grid .row .csm-2{flex-basis:16.66%;max-width:16.66%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-2,.ribs-container-fluid .row .csm-offset-2,.ribs-grid .row .csm-offset-2{margin-left:16.66%}.ribs-container .row .csm-3,.ribs-container-fluid .row .csm-3,.ribs-grid .row .csm-3{flex-basis:24.99%;max-width:24.99%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-3,.ribs-container-fluid .row .csm-offset-3,.ribs-grid .row .csm-offset-3{margin-left:24.99%}.ribs-container .row .csm-4,.ribs-container-fluid .row .csm-4,.ribs-grid .row .csm-4{flex-basis:33.32%;max-width:33.32%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-4,.ribs-container-fluid .row .csm-offset-4,.ribs-grid .row .csm-offset-4{margin-left:33.32%}.ribs-container .row .csm-5,.ribs-container-fluid .row .csm-5,.ribs-grid .row .csm-5{flex-basis:41.65%;max-width:41.65%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-5,.ribs-container-fluid .row .csm-offset-5,.ribs-grid .row .csm-offset-5{margin-left:41.65%}.ribs-container .row .csm-6,.ribs-container-fluid .row .csm-6,.ribs-grid .row .csm-6{flex-basis:49.98%;max-width:49.98%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-6,.ribs-container-fluid .row .csm-offset-6,.ribs-grid .row .csm-offset-6{margin-left:49.98%}.ribs-container .row .csm-7,.ribs-container-fluid .row .csm-7,.ribs-grid .row .csm-7{flex-basis:58.31%;max-width:58.31%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-7,.ribs-container-fluid .row .csm-offset-7,.ribs-grid .row .csm-offset-7{margin-left:58.31%}.ribs-container .row .csm-8,.ribs-container-fluid .row .csm-8,.ribs-grid .row .csm-8{flex-basis:66.64%;max-width:66.64%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-8,.ribs-container-fluid .row .csm-offset-8,.ribs-grid .row .csm-offset-8{margin-left:66.64%}.ribs-container .row .csm-9,.ribs-container-fluid .row .csm-9,.ribs-grid .row .csm-9{flex-basis:74.97%;max-width:74.97%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-9,.ribs-container-fluid .row .csm-offset-9,.ribs-grid .row .csm-offset-9{margin-left:74.97%}.ribs-container .row .csm-10,.ribs-container-fluid .row .csm-10,.ribs-grid .row .csm-10{flex-basis:83.3%;max-width:83.3%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-10,.ribs-container-fluid .row .csm-offset-10,.ribs-grid .row .csm-offset-10{margin-left:83.3%}.ribs-container .row .csm-11,.ribs-container-fluid .row .csm-11,.ribs-grid .row .csm-11{flex-basis:91.63%;max-width:91.63%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-11,.ribs-container-fluid .row .csm-offset-11,.ribs-grid .row .csm-offset-11{margin-left:91.63%}.ribs-container .row .csm-12,.ribs-container-fluid .row .csm-12,.ribs-grid .row .csm-12{flex-basis:99.96%;max-width:99.96%;padding:0 calc(1.875rem/2)}.ribs-container .row .csm-offset-12,.ribs-container-fluid .row .csm-offset-12,.ribs-grid .row .csm-offset-12{margin-left:99.96%}.ribs-container .row.start-sm,.ribs-container-fluid .row.start-sm,.ribs-grid .row.start-sm{justify-content:flex-start}.ribs-container .row.center-sm,.ribs-container-fluid .row.center-sm,.ribs-grid .row.center-sm{justify-content:center}.ribs-container .row.end-sm,.ribs-container-fluid .row.end-sm,.ribs-grid .row.end-sm{justify-content:flex-end}.ribs-container .row.top-sm,.ribs-container-fluid .row.top-sm,.ribs-grid .row.top-sm{align-items:flex-start}.ribs-container .row.middle-sm,.ribs-container-fluid .row.middle-sm,.ribs-grid .row.middle-sm{align-items:center}.ribs-container .row.bottom-sm,.ribs-container-fluid .row.bottom-sm,.ribs-grid .row.bottom-sm{align-items:flex-end}.ribs-container .row.around-sm,.ribs-container-fluid .row.around-sm,.ribs-grid .row.around-sm{justify-content:space-around}.ribs-container .row.between-sm,.ribs-container-fluid .row.between-sm,.ribs-grid .row.between-sm{justify-content:space-between}}@media all and (min-width: 768px){.ribs-container .row .cmd,.ribs-container-fluid .row .cmd,.ribs-grid .row .cmd{flex-grow:1;flex-basis:0;padding:0 calc(1.875rem/2);max-width:100%}.ribs-container .row .cmd-1,.ribs-container-fluid .row .cmd-1,.ribs-grid .row .cmd-1{flex-basis:8.33%;max-width:8.33%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-1,.ribs-container-fluid .row .cmd-offset-1,.ribs-grid .row .cmd-offset-1{margin-left:8.33%}.ribs-container .row .cmd-2,.ribs-container-fluid .row .cmd-2,.ribs-grid .row .cmd-2{flex-basis:16.66%;max-width:16.66%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-2,.ribs-container-fluid .row .cmd-offset-2,.ribs-grid .row .cmd-offset-2{margin-left:16.66%}.ribs-container .row .cmd-3,.ribs-container-fluid .row .cmd-3,.ribs-grid .row .cmd-3{flex-basis:24.99%;max-width:24.99%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-3,.ribs-container-fluid .row .cmd-offset-3,.ribs-grid .row .cmd-offset-3{margin-left:24.99%}.ribs-container .row .cmd-4,.ribs-container-fluid .row .cmd-4,.ribs-grid .row .cmd-4{flex-basis:33.32%;max-width:33.32%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-4,.ribs-container-fluid .row .cmd-offset-4,.ribs-grid .row .cmd-offset-4{margin-left:33.32%}.ribs-container .row .cmd-5,.ribs-container-fluid .row .cmd-5,.ribs-grid .row .cmd-5{flex-basis:41.65%;max-width:41.65%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-5,.ribs-container-fluid .row .cmd-offset-5,.ribs-grid .row .cmd-offset-5{margin-left:41.65%}.ribs-container .row .cmd-6,.ribs-container-fluid .row .cmd-6,.ribs-grid .row .cmd-6{flex-basis:49.98%;max-width:49.98%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-6,.ribs-container-fluid .row .cmd-offset-6,.ribs-grid .row .cmd-offset-6{margin-left:49.98%}.ribs-container .row .cmd-7,.ribs-container-fluid .row .cmd-7,.ribs-grid .row .cmd-7{flex-basis:58.31%;max-width:58.31%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-7,.ribs-container-fluid .row .cmd-offset-7,.ribs-grid .row .cmd-offset-7{margin-left:58.31%}.ribs-container .row .cmd-8,.ribs-container-fluid .row .cmd-8,.ribs-grid .row .cmd-8{flex-basis:66.64%;max-width:66.64%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-8,.ribs-container-fluid .row .cmd-offset-8,.ribs-grid .row .cmd-offset-8{margin-left:66.64%}.ribs-container .row .cmd-9,.ribs-container-fluid .row .cmd-9,.ribs-grid .row .cmd-9{flex-basis:74.97%;max-width:74.97%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-9,.ribs-container-fluid .row .cmd-offset-9,.ribs-grid .row .cmd-offset-9{margin-left:74.97%}.ribs-container .row .cmd-10,.ribs-container-fluid .row .cmd-10,.ribs-grid .row .cmd-10{flex-basis:83.3%;max-width:83.3%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-10,.ribs-container-fluid .row .cmd-offset-10,.ribs-grid .row .cmd-offset-10{margin-left:83.3%}.ribs-container .row .cmd-11,.ribs-container-fluid .row .cmd-11,.ribs-grid .row .cmd-11{flex-basis:91.63%;max-width:91.63%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-11,.ribs-container-fluid .row .cmd-offset-11,.ribs-grid .row .cmd-offset-11{margin-left:91.63%}.ribs-container .row .cmd-12,.ribs-container-fluid .row .cmd-12,.ribs-grid .row .cmd-12{flex-basis:99.96%;max-width:99.96%;padding:0 calc(1.875rem/2)}.ribs-container .row .cmd-offset-12,.ribs-container-fluid .row .cmd-offset-12,.ribs-grid .row .cmd-offset-12{margin-left:99.96%}.ribs-container .row.start-md,.ribs-container-fluid .row.start-md,.ribs-grid .row.start-md{justify-content:flex-start}.ribs-container .row.center-md,.ribs-container-fluid .row.center-md,.ribs-grid .row.center-md{justify-content:center}.ribs-container .row.end-md,.ribs-container-fluid .row.end-md,.ribs-grid .row.end-md{justify-content:flex-end}.ribs-container .row.top-md,.ribs-container-fluid .row.top-md,.ribs-grid .row.top-md{align-items:flex-start}.ribs-container .row.middle-md,.ribs-container-fluid .row.middle-md,.ribs-grid .row.middle-md{align-items:center}.ribs-container .row.bottom-md,.ribs-container-fluid .row.bottom-md,.ribs-grid .row.bottom-md{align-items:flex-end}.ribs-container .row.around-md,.ribs-container-fluid .row.around-md,.ribs-grid .row.around-md{justify-content:space-around}.ribs-container .row.between-md,.ribs-container-fluid .row.between-md,.ribs-grid .row.between-md{justify-content:space-between}}@media all and (min-width: 992px){.ribs-container .row .clg,.ribs-container-fluid .row .clg,.ribs-grid .row .clg{flex-grow:1;flex-basis:0;padding:0 calc(1.875rem/2);max-width:100%}.ribs-container .row .clg-1,.ribs-container-fluid .row .clg-1,.ribs-grid .row .clg-1{flex-basis:8.33%;max-width:8.33%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-1,.ribs-container-fluid .row .clg-offset-1,.ribs-grid .row .clg-offset-1{margin-left:8.33%}.ribs-container .row .clg-2,.ribs-container-fluid .row .clg-2,.ribs-grid .row .clg-2{flex-basis:16.66%;max-width:16.66%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-2,.ribs-container-fluid .row .clg-offset-2,.ribs-grid .row .clg-offset-2{margin-left:16.66%}.ribs-container .row .clg-3,.ribs-container-fluid .row .clg-3,.ribs-grid .row .clg-3{flex-basis:24.99%;max-width:24.99%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-3,.ribs-container-fluid .row .clg-offset-3,.ribs-grid .row .clg-offset-3{margin-left:24.99%}.ribs-container .row .clg-4,.ribs-container-fluid .row .clg-4,.ribs-grid .row .clg-4{flex-basis:33.32%;max-width:33.32%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-4,.ribs-container-fluid .row .clg-offset-4,.ribs-grid .row .clg-offset-4{margin-left:33.32%}.ribs-container .row .clg-5,.ribs-container-fluid .row .clg-5,.ribs-grid .row .clg-5{flex-basis:41.65%;max-width:41.65%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-5,.ribs-container-fluid .row .clg-offset-5,.ribs-grid .row .clg-offset-5{margin-left:41.65%}.ribs-container .row .clg-6,.ribs-container-fluid .row .clg-6,.ribs-grid .row .clg-6{flex-basis:49.98%;max-width:49.98%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-6,.ribs-container-fluid .row .clg-offset-6,.ribs-grid .row .clg-offset-6{margin-left:49.98%}.ribs-container .row .clg-7,.ribs-container-fluid .row .clg-7,.ribs-grid .row .clg-7{flex-basis:58.31%;max-width:58.31%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-7,.ribs-container-fluid .row .clg-offset-7,.ribs-grid .row .clg-offset-7{margin-left:58.31%}.ribs-container .row .clg-8,.ribs-container-fluid .row .clg-8,.ribs-grid .row .clg-8{flex-basis:66.64%;max-width:66.64%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-8,.ribs-container-fluid .row .clg-offset-8,.ribs-grid .row .clg-offset-8{margin-left:66.64%}.ribs-container .row .clg-9,.ribs-container-fluid .row .clg-9,.ribs-grid .row .clg-9{flex-basis:74.97%;max-width:74.97%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-9,.ribs-container-fluid .row .clg-offset-9,.ribs-grid .row .clg-offset-9{margin-left:74.97%}.ribs-container .row .clg-10,.ribs-container-fluid .row .clg-10,.ribs-grid .row .clg-10{flex-basis:83.3%;max-width:83.3%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-10,.ribs-container-fluid .row .clg-offset-10,.ribs-grid .row .clg-offset-10{margin-left:83.3%}.ribs-container .row .clg-11,.ribs-container-fluid .row .clg-11,.ribs-grid .row .clg-11{flex-basis:91.63%;max-width:91.63%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-11,.ribs-container-fluid .row .clg-offset-11,.ribs-grid .row .clg-offset-11{margin-left:91.63%}.ribs-container .row .clg-12,.ribs-container-fluid .row .clg-12,.ribs-grid .row .clg-12{flex-basis:99.96%;max-width:99.96%;padding:0 calc(1.875rem/2)}.ribs-container .row .clg-offset-12,.ribs-container-fluid .row .clg-offset-12,.ribs-grid .row .clg-offset-12{margin-left:99.96%}.ribs-container .row.start-lg,.ribs-container-fluid .row.start-lg,.ribs-grid .row.start-lg{justify-content:flex-start}.ribs-container .row.center-lg,.ribs-container-fluid .row.center-lg,.ribs-grid .row.center-lg{justify-content:center}.ribs-container .row.end-lg,.ribs-container-fluid .row.end-lg,.ribs-grid .row.end-lg{justify-content:flex-end}.ribs-container .row.top-lg,.ribs-container-fluid .row.top-lg,.ribs-grid .row.top-lg{align-items:flex-start}.ribs-container .row.middle-lg,.ribs-container-fluid .row.middle-lg,.ribs-grid .row.middle-lg{align-items:center}.ribs-container .row.bottom-lg,.ribs-container-fluid .row.bottom-lg,.ribs-grid .row.bottom-lg{align-items:flex-end}.ribs-container .row.around-lg,.ribs-container-fluid .row.around-lg,.ribs-grid .row.around-lg{justify-content:space-around}.ribs-container .row.between-lg,.ribs-container-fluid .row.between-lg,.ribs-grid .row.between-lg{justify-content:space-between}}.ribs-container{margin:auto}@media all and (min-width: 576px){.ribs-container{width:100%}}@media all and (min-width: 768px){.ribs-container{width:100%}}@media all and (min-width: 1215px){.ribs-container{width:100rem}}