/* Minimal container, grid columns, and flex utilities */

/* Container */
.container{width:100%;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px;max-width:1140px}
.container-fluid{width:100%;margin-right:auto;margin-left:auto;padding-right:16px;padding-left:16px}

/* Rows */
.row{display:flex;flex-wrap:wrap;margin-right:-16px;margin-left:-16px}

/* Columns (12-col grid) */
[class^="col-"],[class*=" col-"]{position:relative;width:100%;padding-right:16px;padding-left:16px}
.col-1{flex:0 0 8.333333%;max-width:8.333333%}
.col-2{flex:0 0 16.666667%;max-width:16.666667%}
.col-3{flex:0 0 25%;max-width:25%}
.col-4{flex:0 0 33.333333%;max-width:33.333333%}
.col-5{flex:0 0 41.666667%;max-width:41.666667%}
.col-6{flex:0 0 50%;max-width:50%}
.col-7{flex:0 0 58.333333%;max-width:58.333333%}
.col-8{flex:0 0 66.666667%;max-width:66.666667%}
.col-9{flex:0 0 75%;max-width:75%}
.col-10{flex:0 0 83.333333%;max-width:83.333333%}
.col-11{flex:0 0 91.666667%;max-width:91.666667%}
.col-12{flex:0 0 100%;max-width:100%}

/* Responsive breakpoints */
@media (min-width:576px){
  .col-sm-1{flex:0 0 8.333333%;max-width:8.333333%}
  .col-sm-2{flex:0 0 16.666667%;max-width:16.666667%}
  .col-sm-3{flex:0 0 25%;max-width:25%}
  .col-sm-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-sm-5{flex:0 0 41.666667%;max-width:41.666667%}
  .col-sm-6{flex:0 0 50%;max-width:50%}
  .col-sm-7{flex:0 0 58.333333%;max-width:58.333333%}
  .col-sm-8{flex:0 0 66.666667%;max-width:66.666667%}
  .col-sm-9{flex:0 0 75%;max-width:75%}
  .col-sm-10{flex:0 0 83.333333%;max-width:83.333333%}
  .col-sm-11{flex:0 0 91.666667%;max-width:91.666667%}
  .col-sm-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:768px){
  .col-md-1{flex:0 0 8.333333%;max-width:8.333333%}
  .col-md-2{flex:0 0 16.666667%;max-width:16.666667%}
  .col-md-3{flex:0 0 25%;max-width:25%}
  .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-md-5{flex:0 0 41.666667%;max-width:41.666667%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-7{flex:0 0 58.333333%;max-width:58.333333%}
  .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
  .col-md-9{flex:0 0 75%;max-width:75%}
  .col-md-10{flex:0 0 83.333333%;max-width:83.333333%}
  .col-md-11{flex:0 0 91.666667%;max-width:91.666667%}
  .col-md-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:992px){
  .col-lg-1{flex:0 0 8.333333%;max-width:8.333333%}
  .col-lg-2{flex:0 0 16.666667%;max-width:16.666667%}
  .col-lg-3{flex:0 0 25%;max-width:25%}
  .col-lg-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-lg-5{flex:0 0 41.666667%;max-width:41.666667%}
  .col-lg-6{flex:0 0 50%;max-width:50%}
  .col-lg-7{flex:0 0 58.333333%;max-width:58.333333%}
  .col-lg-8{flex:0 0 66.666667%;max-width:66.666667%}
  .col-lg-9{flex:0 0 75%;max-width:75%}
  .col-lg-10{flex:0 0 83.333333%;max-width:83.333333%}
  .col-lg-11{flex:0 0 91.666667%;max-width:91.666667%}
  .col-lg-12{flex:0 0 100%;max-width:100%}
}
@media (min-width:1200px){
  .col-xl-1{flex:0 0 8.333333%;max-width:8.333333%}
  .col-xl-2{flex:0 0 16.666667%;max-width:16.666667%}
  .col-xl-3{flex:0 0 25%;max-width:25%}
  .col-xl-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-xl-5{flex:0 0 41.666667%;max-width:41.666667%}
  .col-xl-6{flex:0 0 50%;max-width:50%}
  .col-xl-7{flex:0 0 58.333333%;max-width:58.333333%}
  .col-xl-8{flex:0 0 66.666667%;max-width:66.666667%}
  .col-xl-9{flex:0 0 75%;max-width:75%}
  .col-xl-10{flex:0 0 83.333333%;max-width:83.333333%}
  .col-xl-11{flex:0 0 91.666667%;max-width:91.666667%}
  .col-xl-12{flex:0 0 100%;max-width:100%}
}

/* Gutters utilities */
.g-0>.col,.g-0>[class^="col-"],.g-0>[class*=" col-"]{padding-right:0;padding-left:0}
.g-1>.col,.g-1>[class^="col-"],.g-1>[class*=" col-"]{padding-right:4px;padding-left:4px}
.g-2>.col,.g-2>[class^="col-"],.g-2>[class*=" col-"]{padding-right:8px;padding-left:8px}
.g-3>.col,.g-3>[class^="col-"],.g-3>[class*=" col-"]{padding-right:16px;padding-left:16px}

/* Flex utilities */
.d-flex{display:flex!important}
.flex-row{flex-direction:row!important}
.flex-column{flex-direction:column!important}
.justify-content-start{justify-content:flex-start!important}
.justify-content-center{justify-content:center!important}
.justify-content-between{justify-content:space-between!important}
.align-items-start{align-items:flex-start!important}
.align-items-center{align-items:center!important}
.align-items-end{align-items:flex-end!important}
.flex-wrap{flex-wrap:wrap!important}