/* Minimal grid — Bootstrap 5 compatible API (only used breakpoints/cols) */

.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
@media (min-width:1400px){.container{max-width:1320px}}

.row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;row-gap:30px}
.row>*{padding-left:15px;padding-right:15px;box-sizing:border-box}

[class*="col-"]{position:relative;width:100%;box-sizing:border-box;padding-left:15px;padding-right:15px}

.col-12{flex:0 0 100%;max-width:100%}

@media (min-width:768px){
  .col-md-4{flex:0 0 33.333333%;max-width:33.333333%}
  .col-md-6{flex:0 0 50%;max-width:50%}
  .col-md-8{flex:0 0 66.666667%;max-width:66.666667%}
  .col-md-12{flex:0 0 100%;max-width:100%}
}

@media (min-width:992px){
  .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-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%}
  .offset-lg-1{margin-left:8.333333%}
}