sireno-grid
Version:
A lightweight CSS Grid system based on CSS Grid Layout with flexbox fallback for unsupported browsers.
2 lines (1 loc) • 20.2 kB
CSS
.container-fluid{padding-left:15px;padding-right:15px}.container-fluid-1440{max-width:1440px;margin:auto;padding-left:50px;padding-right:50px}@media screen and (max-width: 768px){.container-fluid-1440{padding-left:20px;padding-right:20px}}@media screen and (max-width: 0){.container-fluid-1440{padding-left:20px;padding-right:20px}}.container-fluid-1920{max-width:1920px;margin:auto;padding-left:15px;padding-right:15px}.responsive-embed-wrapper{position:relative;padding-bottom:56.25%;padding-top:25px;height:0}.responsive-embed-wrapper>*{position:absolute;top:0;left:0;width:100%;height:100%}.grid-row{margin-left:-8px;margin-right:-8px;display:flex;flex-flow:row wrap}.grid-row,.grid-row *{box-sizing:border-box}@supports(display: grid){.grid-row{display:grid;grid-template-columns:repeat(12, 1fr)}}@media(min-width: 0){.grid-row.grid-row-xs-no-margins{margin-left:0;margin-right:0}}@media(min-width: 576px){.grid-row.grid-row-lxs-no-margins{margin-left:0;margin-right:0}}@media(min-width: 768px){.grid-row.grid-row-sm-no-margins{margin-left:0;margin-right:0}}@media(min-width: 992px){.grid-row.grid-row-md-no-margins{margin-left:0;margin-right:0}}@media(min-width: 1200px){.grid-row.grid-row-lg-no-margins{margin-left:0;margin-right:0}}.grid-row.gap-15{margin-left:-7.5px;margin-right:-7.5px}.grid-row.gap-15 [class*=col-]{padding-left:7.5px;padding-right:7.5px}.grid-row.gap-30{margin-left:-15px;margin-right:-15px}.grid-row.gap-30 [class*=col-]{padding-left:15px;padding-right:15px}.grid-row.gap-60{margin-left:-30px;margin-right:-30px}.grid-row.gap-60 [class*=col-]{padding-left:30px;padding-right:30px}.col-lg-12,.col-lg-11,.col-lg-10,.col-lg-9,.col-lg-8,.col-lg-7,.col-lg-6,.col-lg-5,.col-lg-4,.col-lg-3,.col-lg-2,.col-lg-1,.col-md-12,.col-md-11,.col-md-10,.col-md-9,.col-md-8,.col-md-7,.col-md-6,.col-md-5,.col-md-4,.col-md-3,.col-md-2,.col-md-1,.col-sm-12,.col-sm-11,.col-sm-10,.col-sm-9,.col-sm-8,.col-sm-7,.col-sm-6,.col-sm-5,.col-sm-4,.col-sm-3,.col-sm-2,.col-sm-1,.col-lxs-12,.col-lxs-11,.col-lxs-10,.col-lxs-9,.col-lxs-8,.col-lxs-7,.col-lxs-6,.col-lxs-5,.col-lxs-4,.col-lxs-3,.col-lxs-2,.col-lxs-1,.col-xs-12,.col-xs-11,.col-xs-10,.col-xs-9,.col-xs-8,.col-xs-7,.col-xs-6,.col-xs-5,.col-xs-4,.col-xs-3,.col-xs-2,.col-xs-1{padding-right:8px;padding-left:8px}@media(min-width: 0){.col-xs-1{width:8.3333333333%}@supports(display: grid){.col-xs-1{width:auto;grid-column:span 1}}}@media(min-width: 0){.col-xs-order-1{order:1}}@media(min-width: 0){.col-xs-end-1{grid-column-end:2}}@media(min-width: 0){.col-xs-2{width:16.6666666667%}@supports(display: grid){.col-xs-2{width:auto;grid-column:span 2}}}@media(min-width: 0){.col-xs-order-2{order:2}}@media(min-width: 0){.col-xs-end-2{grid-column-end:3}}@media(min-width: 0){.col-xs-3{width:25%}@supports(display: grid){.col-xs-3{width:auto;grid-column:span 3}}}@media(min-width: 0){.col-xs-order-3{order:3}}@media(min-width: 0){.col-xs-end-3{grid-column-end:4}}@media(min-width: 0){.col-xs-4{width:33.3333333333%}@supports(display: grid){.col-xs-4{width:auto;grid-column:span 4}}}@media(min-width: 0){.col-xs-order-4{order:4}}@media(min-width: 0){.col-xs-end-4{grid-column-end:5}}@media(min-width: 0){.col-xs-5{width:41.6666666667%}@supports(display: grid){.col-xs-5{width:auto;grid-column:span 5}}}@media(min-width: 0){.col-xs-order-5{order:5}}@media(min-width: 0){.col-xs-end-5{grid-column-end:6}}@media(min-width: 0){.col-xs-6{width:50%}@supports(display: grid){.col-xs-6{width:auto;grid-column:span 6}}}@media(min-width: 0){.col-xs-order-6{order:6}}@media(min-width: 0){.col-xs-end-6{grid-column-end:7}}@media(min-width: 0){.col-xs-7{width:58.3333333333%}@supports(display: grid){.col-xs-7{width:auto;grid-column:span 7}}}@media(min-width: 0){.col-xs-order-7{order:7}}@media(min-width: 0){.col-xs-end-7{grid-column-end:8}}@media(min-width: 0){.col-xs-8{width:66.6666666667%}@supports(display: grid){.col-xs-8{width:auto;grid-column:span 8}}}@media(min-width: 0){.col-xs-order-8{order:8}}@media(min-width: 0){.col-xs-end-8{grid-column-end:9}}@media(min-width: 0){.col-xs-9{width:75%}@supports(display: grid){.col-xs-9{width:auto;grid-column:span 9}}}@media(min-width: 0){.col-xs-order-9{order:9}}@media(min-width: 0){.col-xs-end-9{grid-column-end:10}}@media(min-width: 0){.col-xs-10{width:83.3333333333%}@supports(display: grid){.col-xs-10{width:auto;grid-column:span 10}}}@media(min-width: 0){.col-xs-order-10{order:10}}@media(min-width: 0){.col-xs-end-10{grid-column-end:11}}@media(min-width: 0){.col-xs-11{width:91.6666666667%}@supports(display: grid){.col-xs-11{width:auto;grid-column:span 11}}}@media(min-width: 0){.col-xs-order-11{order:11}}@media(min-width: 0){.col-xs-end-11{grid-column-end:12}}@media(min-width: 0){.col-xs-12{width:100%}@supports(display: grid){.col-xs-12{width:auto;grid-column:span 12}}}@media(min-width: 0){.col-xs-order-12{order:12}}@media(min-width: 0){.col-xs-end-12{grid-column-end:13}}@media(min-width: 576px){.col-lxs-1{width:8.3333333333%}@supports(display: grid){.col-lxs-1{width:auto;grid-column:span 1}}}@media(min-width: 576px){.col-lxs-order-1{order:1}}@media(min-width: 576px){.col-lxs-end-1{grid-column-end:2}}@media(min-width: 576px){.col-lxs-2{width:16.6666666667%}@supports(display: grid){.col-lxs-2{width:auto;grid-column:span 2}}}@media(min-width: 576px){.col-lxs-order-2{order:2}}@media(min-width: 576px){.col-lxs-end-2{grid-column-end:3}}@media(min-width: 576px){.col-lxs-3{width:25%}@supports(display: grid){.col-lxs-3{width:auto;grid-column:span 3}}}@media(min-width: 576px){.col-lxs-order-3{order:3}}@media(min-width: 576px){.col-lxs-end-3{grid-column-end:4}}@media(min-width: 576px){.col-lxs-4{width:33.3333333333%}@supports(display: grid){.col-lxs-4{width:auto;grid-column:span 4}}}@media(min-width: 576px){.col-lxs-order-4{order:4}}@media(min-width: 576px){.col-lxs-end-4{grid-column-end:5}}@media(min-width: 576px){.col-lxs-5{width:41.6666666667%}@supports(display: grid){.col-lxs-5{width:auto;grid-column:span 5}}}@media(min-width: 576px){.col-lxs-order-5{order:5}}@media(min-width: 576px){.col-lxs-end-5{grid-column-end:6}}@media(min-width: 576px){.col-lxs-6{width:50%}@supports(display: grid){.col-lxs-6{width:auto;grid-column:span 6}}}@media(min-width: 576px){.col-lxs-order-6{order:6}}@media(min-width: 576px){.col-lxs-end-6{grid-column-end:7}}@media(min-width: 576px){.col-lxs-7{width:58.3333333333%}@supports(display: grid){.col-lxs-7{width:auto;grid-column:span 7}}}@media(min-width: 576px){.col-lxs-order-7{order:7}}@media(min-width: 576px){.col-lxs-end-7{grid-column-end:8}}@media(min-width: 576px){.col-lxs-8{width:66.6666666667%}@supports(display: grid){.col-lxs-8{width:auto;grid-column:span 8}}}@media(min-width: 576px){.col-lxs-order-8{order:8}}@media(min-width: 576px){.col-lxs-end-8{grid-column-end:9}}@media(min-width: 576px){.col-lxs-9{width:75%}@supports(display: grid){.col-lxs-9{width:auto;grid-column:span 9}}}@media(min-width: 576px){.col-lxs-order-9{order:9}}@media(min-width: 576px){.col-lxs-end-9{grid-column-end:10}}@media(min-width: 576px){.col-lxs-10{width:83.3333333333%}@supports(display: grid){.col-lxs-10{width:auto;grid-column:span 10}}}@media(min-width: 576px){.col-lxs-order-10{order:10}}@media(min-width: 576px){.col-lxs-end-10{grid-column-end:11}}@media(min-width: 576px){.col-lxs-11{width:91.6666666667%}@supports(display: grid){.col-lxs-11{width:auto;grid-column:span 11}}}@media(min-width: 576px){.col-lxs-order-11{order:11}}@media(min-width: 576px){.col-lxs-end-11{grid-column-end:12}}@media(min-width: 576px){.col-lxs-12{width:100%}@supports(display: grid){.col-lxs-12{width:auto;grid-column:span 12}}}@media(min-width: 576px){.col-lxs-order-12{order:12}}@media(min-width: 576px){.col-lxs-end-12{grid-column-end:13}}@media(min-width: 768px){.col-sm-1{width:8.3333333333%}@supports(display: grid){.col-sm-1{width:auto;grid-column:span 1}}}@media(min-width: 768px){.col-sm-order-1{order:1}}@media(min-width: 768px){.col-sm-end-1{grid-column-end:2}}@media(min-width: 768px){.col-sm-2{width:16.6666666667%}@supports(display: grid){.col-sm-2{width:auto;grid-column:span 2}}}@media(min-width: 768px){.col-sm-order-2{order:2}}@media(min-width: 768px){.col-sm-end-2{grid-column-end:3}}@media(min-width: 768px){.col-sm-3{width:25%}@supports(display: grid){.col-sm-3{width:auto;grid-column:span 3}}}@media(min-width: 768px){.col-sm-order-3{order:3}}@media(min-width: 768px){.col-sm-end-3{grid-column-end:4}}@media(min-width: 768px){.col-sm-4{width:33.3333333333%}@supports(display: grid){.col-sm-4{width:auto;grid-column:span 4}}}@media(min-width: 768px){.col-sm-order-4{order:4}}@media(min-width: 768px){.col-sm-end-4{grid-column-end:5}}@media(min-width: 768px){.col-sm-5{width:41.6666666667%}@supports(display: grid){.col-sm-5{width:auto;grid-column:span 5}}}@media(min-width: 768px){.col-sm-order-5{order:5}}@media(min-width: 768px){.col-sm-end-5{grid-column-end:6}}@media(min-width: 768px){.col-sm-6{width:50%}@supports(display: grid){.col-sm-6{width:auto;grid-column:span 6}}}@media(min-width: 768px){.col-sm-order-6{order:6}}@media(min-width: 768px){.col-sm-end-6{grid-column-end:7}}@media(min-width: 768px){.col-sm-7{width:58.3333333333%}@supports(display: grid){.col-sm-7{width:auto;grid-column:span 7}}}@media(min-width: 768px){.col-sm-order-7{order:7}}@media(min-width: 768px){.col-sm-end-7{grid-column-end:8}}@media(min-width: 768px){.col-sm-8{width:66.6666666667%}@supports(display: grid){.col-sm-8{width:auto;grid-column:span 8}}}@media(min-width: 768px){.col-sm-order-8{order:8}}@media(min-width: 768px){.col-sm-end-8{grid-column-end:9}}@media(min-width: 768px){.col-sm-9{width:75%}@supports(display: grid){.col-sm-9{width:auto;grid-column:span 9}}}@media(min-width: 768px){.col-sm-order-9{order:9}}@media(min-width: 768px){.col-sm-end-9{grid-column-end:10}}@media(min-width: 768px){.col-sm-10{width:83.3333333333%}@supports(display: grid){.col-sm-10{width:auto;grid-column:span 10}}}@media(min-width: 768px){.col-sm-order-10{order:10}}@media(min-width: 768px){.col-sm-end-10{grid-column-end:11}}@media(min-width: 768px){.col-sm-11{width:91.6666666667%}@supports(display: grid){.col-sm-11{width:auto;grid-column:span 11}}}@media(min-width: 768px){.col-sm-order-11{order:11}}@media(min-width: 768px){.col-sm-end-11{grid-column-end:12}}@media(min-width: 768px){.col-sm-12{width:100%}@supports(display: grid){.col-sm-12{width:auto;grid-column:span 12}}}@media(min-width: 768px){.col-sm-order-12{order:12}}@media(min-width: 768px){.col-sm-end-12{grid-column-end:13}}@media(min-width: 992px){.col-md-1{width:8.3333333333%}@supports(display: grid){.col-md-1{width:auto;grid-column:span 1}}}@media(min-width: 992px){.col-md-order-1{order:1}}@media(min-width: 992px){.col-md-end-1{grid-column-end:2}}@media(min-width: 992px){.col-md-2{width:16.6666666667%}@supports(display: grid){.col-md-2{width:auto;grid-column:span 2}}}@media(min-width: 992px){.col-md-order-2{order:2}}@media(min-width: 992px){.col-md-end-2{grid-column-end:3}}@media(min-width: 992px){.col-md-3{width:25%}@supports(display: grid){.col-md-3{width:auto;grid-column:span 3}}}@media(min-width: 992px){.col-md-order-3{order:3}}@media(min-width: 992px){.col-md-end-3{grid-column-end:4}}@media(min-width: 992px){.col-md-4{width:33.3333333333%}@supports(display: grid){.col-md-4{width:auto;grid-column:span 4}}}@media(min-width: 992px){.col-md-order-4{order:4}}@media(min-width: 992px){.col-md-end-4{grid-column-end:5}}@media(min-width: 992px){.col-md-5{width:41.6666666667%}@supports(display: grid){.col-md-5{width:auto;grid-column:span 5}}}@media(min-width: 992px){.col-md-order-5{order:5}}@media(min-width: 992px){.col-md-end-5{grid-column-end:6}}@media(min-width: 992px){.col-md-6{width:50%}@supports(display: grid){.col-md-6{width:auto;grid-column:span 6}}}@media(min-width: 992px){.col-md-order-6{order:6}}@media(min-width: 992px){.col-md-end-6{grid-column-end:7}}@media(min-width: 992px){.col-md-7{width:58.3333333333%}@supports(display: grid){.col-md-7{width:auto;grid-column:span 7}}}@media(min-width: 992px){.col-md-order-7{order:7}}@media(min-width: 992px){.col-md-end-7{grid-column-end:8}}@media(min-width: 992px){.col-md-8{width:66.6666666667%}@supports(display: grid){.col-md-8{width:auto;grid-column:span 8}}}@media(min-width: 992px){.col-md-order-8{order:8}}@media(min-width: 992px){.col-md-end-8{grid-column-end:9}}@media(min-width: 992px){.col-md-9{width:75%}@supports(display: grid){.col-md-9{width:auto;grid-column:span 9}}}@media(min-width: 992px){.col-md-order-9{order:9}}@media(min-width: 992px){.col-md-end-9{grid-column-end:10}}@media(min-width: 992px){.col-md-10{width:83.3333333333%}@supports(display: grid){.col-md-10{width:auto;grid-column:span 10}}}@media(min-width: 992px){.col-md-order-10{order:10}}@media(min-width: 992px){.col-md-end-10{grid-column-end:11}}@media(min-width: 992px){.col-md-11{width:91.6666666667%}@supports(display: grid){.col-md-11{width:auto;grid-column:span 11}}}@media(min-width: 992px){.col-md-order-11{order:11}}@media(min-width: 992px){.col-md-end-11{grid-column-end:12}}@media(min-width: 992px){.col-md-12{width:100%}@supports(display: grid){.col-md-12{width:auto;grid-column:span 12}}}@media(min-width: 992px){.col-md-order-12{order:12}}@media(min-width: 992px){.col-md-end-12{grid-column-end:13}}@media(min-width: 1200px){.col-lg-1{width:8.3333333333%}@supports(display: grid){.col-lg-1{width:auto;grid-column:span 1}}}@media(min-width: 1200px){.col-lg-order-1{order:1}}@media(min-width: 1200px){.col-lg-end-1{grid-column-end:2}}@media(min-width: 1200px){.col-lg-2{width:16.6666666667%}@supports(display: grid){.col-lg-2{width:auto;grid-column:span 2}}}@media(min-width: 1200px){.col-lg-order-2{order:2}}@media(min-width: 1200px){.col-lg-end-2{grid-column-end:3}}@media(min-width: 1200px){.col-lg-3{width:25%}@supports(display: grid){.col-lg-3{width:auto;grid-column:span 3}}}@media(min-width: 1200px){.col-lg-order-3{order:3}}@media(min-width: 1200px){.col-lg-end-3{grid-column-end:4}}@media(min-width: 1200px){.col-lg-4{width:33.3333333333%}@supports(display: grid){.col-lg-4{width:auto;grid-column:span 4}}}@media(min-width: 1200px){.col-lg-order-4{order:4}}@media(min-width: 1200px){.col-lg-end-4{grid-column-end:5}}@media(min-width: 1200px){.col-lg-5{width:41.6666666667%}@supports(display: grid){.col-lg-5{width:auto;grid-column:span 5}}}@media(min-width: 1200px){.col-lg-order-5{order:5}}@media(min-width: 1200px){.col-lg-end-5{grid-column-end:6}}@media(min-width: 1200px){.col-lg-6{width:50%}@supports(display: grid){.col-lg-6{width:auto;grid-column:span 6}}}@media(min-width: 1200px){.col-lg-order-6{order:6}}@media(min-width: 1200px){.col-lg-end-6{grid-column-end:7}}@media(min-width: 1200px){.col-lg-7{width:58.3333333333%}@supports(display: grid){.col-lg-7{width:auto;grid-column:span 7}}}@media(min-width: 1200px){.col-lg-order-7{order:7}}@media(min-width: 1200px){.col-lg-end-7{grid-column-end:8}}@media(min-width: 1200px){.col-lg-8{width:66.6666666667%}@supports(display: grid){.col-lg-8{width:auto;grid-column:span 8}}}@media(min-width: 1200px){.col-lg-order-8{order:8}}@media(min-width: 1200px){.col-lg-end-8{grid-column-end:9}}@media(min-width: 1200px){.col-lg-9{width:75%}@supports(display: grid){.col-lg-9{width:auto;grid-column:span 9}}}@media(min-width: 1200px){.col-lg-order-9{order:9}}@media(min-width: 1200px){.col-lg-end-9{grid-column-end:10}}@media(min-width: 1200px){.col-lg-10{width:83.3333333333%}@supports(display: grid){.col-lg-10{width:auto;grid-column:span 10}}}@media(min-width: 1200px){.col-lg-order-10{order:10}}@media(min-width: 1200px){.col-lg-end-10{grid-column-end:11}}@media(min-width: 1200px){.col-lg-11{width:91.6666666667%}@supports(display: grid){.col-lg-11{width:auto;grid-column:span 11}}}@media(min-width: 1200px){.col-lg-order-11{order:11}}@media(min-width: 1200px){.col-lg-end-11{grid-column-end:12}}@media(min-width: 1200px){.col-lg-12{width:100%}@supports(display: grid){.col-lg-12{width:auto;grid-column:span 12}}}@media(min-width: 1200px){.col-lg-order-12{order:12}}@media(min-width: 1200px){.col-lg-end-12{grid-column-end:13}}.grid-filler{display:flex;flex-flow:row wrap}@supports(display: grid){.grid-filler{display:grid;justify-items:stretch}}.grid-filler .grid-filler-container{width:100%;margin:auto}.grid-filler .grid-filler-container>.grid-row{width:100%;margin:0}@media(max-width: 767px){.grid-filler .grid-filler-container>.grid-row{padding:0 5px}}.grid-col-filler{flex:1;width:auto;min-width:0}@supports(display: grid){.grid-filler-1440{grid-template-columns:auto minmax(0, 1440px) auto}}.grid-filler-1440 .grid-filler-container{max-width:1440px}@supports(display: grid){.grid-filler-1240{grid-template-columns:auto minmax(0, 1240px) auto}}.grid-filler-1240 .grid-filler-container{max-width:1240px}@supports(display: grid){.grid-filler-1140{grid-template-columns:auto minmax(0, 1140px) auto}}.grid-filler-1140 .grid-filler-container{max-width:1140px}.no-gutter-left{padding-left:0}.no-gutter-right{padding-right:0}.no-gutters{padding-right:0;padding-left:0}@media(min-width: 0){.no-gutters-xs{padding-right:0;padding-left:0}}@media(min-width: 0){.gutters-xs{padding-right:8px;padding-left:8px}}@media(min-width: 0){.no-gutter-left-xs{padding-left:0}}@media(min-width: 0){.gutter-left-xs{padding-left:8px}}@media(min-width: 0){.no-gutter-right-xs{padding-right:0}}@media(min-width: 0){.gutter-right-xs{padding-right:8px}}@media(min-width: 576px){.no-gutters-lxs{padding-right:0;padding-left:0}}@media(min-width: 576px){.gutters-lxs{padding-right:8px;padding-left:8px}}@media(min-width: 576px){.no-gutter-left-lxs{padding-left:0}}@media(min-width: 576px){.gutter-left-lxs{padding-left:8px}}@media(min-width: 576px){.no-gutter-right-lxs{padding-right:0}}@media(min-width: 576px){.gutter-right-lxs{padding-right:8px}}@media(min-width: 768px){.no-gutters-sm{padding-right:0;padding-left:0}}@media(min-width: 768px){.gutters-sm{padding-right:8px;padding-left:8px}}@media(min-width: 768px){.no-gutter-left-sm{padding-left:0}}@media(min-width: 768px){.gutter-left-sm{padding-left:8px}}@media(min-width: 768px){.no-gutter-right-sm{padding-right:0}}@media(min-width: 768px){.gutter-right-sm{padding-right:8px}}@media(min-width: 992px){.no-gutters-md{padding-right:0;padding-left:0}}@media(min-width: 992px){.gutters-md{padding-right:8px;padding-left:8px}}@media(min-width: 992px){.no-gutter-left-md{padding-left:0}}@media(min-width: 992px){.gutter-left-md{padding-left:8px}}@media(min-width: 992px){.no-gutter-right-md{padding-right:0}}@media(min-width: 992px){.gutter-right-md{padding-right:8px}}@media(min-width: 1200px){.no-gutters-lg{padding-right:0;padding-left:0}}@media(min-width: 1200px){.gutters-lg{padding-right:8px;padding-left:8px}}@media(min-width: 1200px){.no-gutter-left-lg{padding-left:0}}@media(min-width: 1200px){.gutter-left-lg{padding-left:8px}}@media(min-width: 1200px){.no-gutter-right-lg{padding-right:0}}@media(min-width: 1200px){.gutter-right-lg{padding-right:8px}}@media(max-width: 576px){.hidden-xs{top:1;display:none }}@media(min-width: 576px)and (max-width: 768px){.hidden-lxs{display:none }}@media(min-width: 768px)and (max-width: 992px){.hidden-sm{display:none }}@media(min-width: 992px)and (max-width: 1200px){.hidden-md{display:none }}@media(min-width: 1200px){.hidden-lg{display:none }}.visible-lg{display:none}@media(min-width: 1200px){.visible-lg{display:block }}.visible-md{display:none}@media(min-width: 992px)and (max-width: 1200px){.visible-md{display:block }}.visible-sm{display:none}@media(min-width: 768px)and (max-width: 992px){.visible-sm{display:block }}.visible-lxs{display:none}@media(min-width: 576px)and (max-width: 768px){.visible-lxs{display:block }}.visible-xs{display:none}@media(max-width: 576px){.visible-xs{display:block }}.mb-1{margin-bottom:10px}.mt-1{margin-top:10px}.mb-2{margin-bottom:20px}.mt-2{margin-top:20px}.mb-3{margin-bottom:30px}.mt-3{margin-top:30px}.mb-4{margin-bottom:40px}.mt-4{margin-top:40px}.mb-5{margin-bottom:50px}.mt-5{margin-top:50px}.mb-6{margin-bottom:60px}.mt-6{margin-top:60px}.mb-7{margin-bottom:70px}.mt-7{margin-top:70px}.mb-8{margin-bottom:80px}.mt-8{margin-top:80px}.mb-9{margin-bottom:90px}.mt-9{margin-top:90px}.mb-10{margin-bottom:100px}.mt-10{margin-top:100px}.grid-vertical-center{align-self:center}