flex-grid.min.css

div.f-container{display:flex;flex-wrap:wrap;margin-left:-.5em;margin-right:-.5em;justify-content:center}div.f-col{box-sizing:border-box;flex:1 1 auto;margin:0;padding:.5em .5em .5em .5em;width:100%}div.f-vcenter{align-items:center}div.f-vtop{align-items:flex-start}div.f-vbottom{align-items:flex-end}div.f-vbase{align-items:baseline}div.f-col-1{width:8.3333333333%}div.f-col-1.f-constrained{max-width:8.3333333333%}div.f-col-2{width:16.6666666667%}div.f-col-2.f-constrained{max-width:16.6666666667%}div.f-col-3{width:25%}div.f-col-3.f-constrained{max-width:25%}div.f-col-4{width:33.3333333333%}div.f-col-4.f-constrained{max-width:33.3333333333%}div.f-col-5{width:41.6666666667%}div.f-col-5.f-constrained{max-width:41.6666666667%}div.f-col-6{width:50%}div.f-col-6.f-constrained{max-width:50%}div.f-col-7{width:58.3333333333%}div.f-col-7.f-constrained{max-width:58.3333333333%}div.f-col-8{width:66.6666666667%}div.f-col-8.f-constrained{max-width:66.6666666667%}div.f-col-9{width:75%}div.f-col-9.f-constrained{max-width:75%}div.f-col-10{width:83.3333333333%}div.f-col-10.f-constrained{max-width:83.3333333333%}div.f-col-11{width:91.6666666667%}div.f-col-11.f-constrained{max-width:91.6666666667%}div.f-col-12{width:100%}div.f-col-12.f-constrained{max-width:100%}div.f-col-golden{width:61.803398875%}div.f-col-golden.f-constrained{max-width:61.803398875%}div.f-col-goldenc{width:38.196601125%}div.f-col-goldenc.f-constrained{max-width:38.196601125%}@media (min-width: 576px){div.f-col-sm-1{width:8.3333333333%}div.f-col-sm-1.f-constrained{max-width:8.3333333333%}div.f-col-sm-2{width:16.6666666667%}div.f-col-sm-2.f-constrained{max-width:16.6666666667%}div.f-col-sm-3{width:25%}div.f-col-sm-3.f-constrained{max-width:25%}div.f-col-sm-4{width:33.3333333333%}div.f-col-sm-4.f-constrained{max-width:33.3333333333%}div.f-col-sm-5{width:41.6666666667%}div.f-col-sm-5.f-constrained{max-width:41.6666666667%}div.f-col-sm-6{width:50%}div.f-col-sm-6.f-constrained{max-width:50%}div.f-col-sm-7{width:58.3333333333%}div.f-col-sm-7.f-constrained{max-width:58.3333333333%}div.f-col-sm-8{width:66.6666666667%}div.f-col-sm-8.f-constrained{max-width:66.6666666667%}div.f-col-sm-9{width:75%}div.f-col-sm-9.f-constrained{max-width:75%}div.f-col-sm-10{width:83.3333333333%}div.f-col-sm-10.f-constrained{max-width:83.3333333333%}div.f-col-sm-11{width:91.6666666667%}div.f-col-sm-11.f-constrained{max-width:91.6666666667%}div.f-col-sm-12{width:100%}div.f-col-sm-12.f-constrained{max-width:100%}div.f-col-sm-golden{width:61.803398875%}div.f-col-sm-golden.f-constrained{max-width:61.803398875%}div.f-col-sm-goldenc{width:38.196601125%}div.f-col-sm-goldenc.f-constrained{max-width:38.196601125%}}@media (min-width: 768px){div.f-col-md-1{width:8.3333333333%}div.f-col-md-1.f-constrained{max-width:8.3333333333%}div.f-col-md-2{width:16.6666666667%}div.f-col-md-2.f-constrained{max-width:16.6666666667%}div.f-col-md-3{width:25%}div.f-col-md-3.f-constrained{max-width:25%}div.f-col-md-4{width:33.3333333333%}div.f-col-md-4.f-constrained{max-width:33.3333333333%}div.f-col-md-5{width:41.6666666667%}div.f-col-md-5.f-constrained{max-width:41.6666666667%}div.f-col-md-6{width:50%}div.f-col-md-6.f-constrained{max-width:50%}div.f-col-md-7{width:58.3333333333%}div.f-col-md-7.f-constrained{max-width:58.3333333333%}div.f-col-md-8{width:66.6666666667%}div.f-col-md-8.f-constrained{max-width:66.6666666667%}div.f-col-md-9{width:75%}div.f-col-md-9.f-constrained{max-width:75%}div.f-col-md-10{width:83.3333333333%}div.f-col-md-10.f-constrained{max-width:83.3333333333%}div.f-col-md-11{width:91.6666666667%}div.f-col-md-11.f-constrained{max-width:91.6666666667%}div.f-col-md-12{width:100%}div.f-col-md-12.f-constrained{max-width:100%}div.f-col-md-golden{width:61.803398875%}div.f-col-md-golden.f-constrained{max-width:61.803398875%}div.f-col-md-goldenc{width:38.196601125%}div.f-col-md-goldenc.f-constrained{max-width:38.196601125%}}@media (min-width: 992px){div.f-col-lg-1{width:8.3333333333%}div.f-col-lg-1.f-constrained{max-width:8.3333333333%}div.f-col-lg-2{width:16.6666666667%}div.f-col-lg-2.f-constrained{max-width:16.6666666667%}div.f-col-lg-3{width:25%}div.f-col-lg-3.f-constrained{max-width:25%}div.f-col-lg-4{width:33.3333333333%}div.f-col-lg-4.f-constrained{max-width:33.3333333333%}div.f-col-lg-5{width:41.6666666667%}div.f-col-lg-5.f-constrained{max-width:41.6666666667%}div.f-col-lg-6{width:50%}div.f-col-lg-6.f-constrained{max-width:50%}div.f-col-lg-7{width:58.3333333333%}div.f-col-lg-7.f-constrained{max-width:58.3333333333%}div.f-col-lg-8{width:66.6666666667%}div.f-col-lg-8.f-constrained{max-width:66.6666666667%}div.f-col-lg-9{width:75%}div.f-col-lg-9.f-constrained{max-width:75%}div.f-col-lg-10{width:83.3333333333%}div.f-col-lg-10.f-constrained{max-width:83.3333333333%}div.f-col-lg-11{width:91.6666666667%}div.f-col-lg-11.f-constrained{max-width:91.6666666667%}div.f-col-lg-12{width:100%}div.f-col-lg-12.f-constrained{max-width:100%}div.f-col-lg-golden{width:61.803398875%}div.f-col-lg-golden.f-constrained{max-width:61.803398875%}div.f-col-lg-goldenc{width:38.196601125%}div.f-col-lg-goldenc.f-constrained{max-width:38.196601125%}}@media (min-width: 992px){div.f-col-xl-1{width:8.3333333333%}div.f-col-xl-1.f-constrained{max-width:8.3333333333%}div.f-col-xl-2{width:16.6666666667%}div.f-col-xl-2.f-constrained{max-width:16.6666666667%}div.f-col-xl-3{width:25%}div.f-col-xl-3.f-constrained{max-width:25%}div.f-col-xl-4{width:33.3333333333%}div.f-col-xl-4.f-constrained{max-width:33.3333333333%}div.f-col-xl-5{width:41.6666666667%}div.f-col-xl-5.f-constrained{max-width:41.6666666667%}div.f-col-xl-6{width:50%}div.f-col-xl-6.f-constrained{max-width:50%}div.f-col-xl-7{width:58.3333333333%}div.f-col-xl-7.f-constrained{max-width:58.3333333333%}div.f-col-xl-8{width:66.6666666667%}div.f-col-xl-8.f-constrained{max-width:66.6666666667%}div.f-col-xl-9{width:75%}div.f-col-xl-9.f-constrained{max-width:75%}div.f-col-xl-10{width:83.3333333333%}div.f-col-xl-10.f-constrained{max-width:83.3333333333%}div.f-col-xl-11{width:91.6666666667%}div.f-col-xl-11.f-constrained{max-width:91.6666666667%}div.f-col-xl-12{width:100%}div.f-col-xl-12.f-constrained{max-width:100%}div.f-col-xl-golden{width:61.803398875%}div.f-col-xl-golden.f-constrained{max-width:61.803398875%}div.f-col-xl-goldenc{width:38.196601125%}div.f-col-xl-goldenc.f-constrained{max-width:38.196601125%}}