@charset "UTF-8";

/* ≡≡≡ Grid System ≡≡≡ */

:root{
	--spacing-grid: 30px;
}

/* === Container === */

.container{
	width: 100%;
	padding-right: calc(var(--spacing-grid) * .5);
	padding-left: calc(var(--spacing-grid) * .5);
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

/* === Row === */

.row{
	display: flex;
	flex-wrap: wrap;
	margin-right: calc(var(--spacing-grid) * -.5);
	margin-left: calc(var(--spacing-grid) * -.5)
}

.row > *{
	box-sizing: border-box;
	flex-shrink: 0;
	width: 100%;
	max-width: 100%;
	padding-right: calc(var(--spacing-grid) * .5);
	padding-left: calc(var(--spacing-grid) * .5);
}

/* === Row > Col === */

.row-cols-auto>*{flex:0 0 auto;width:auto}
.row-cols-1>*{flex:0 0 auto;width:100%}
.row-cols-2>*{flex:0 0 auto;width:50%}
.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}
.row-cols-4>*{flex:0 0 auto;width:25%}
.row-cols-5>*{flex:0 0 auto;width:20%}
.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}

/* === Col === */

[class^="col-"]{
	margin-bottom: var(--spacing-grid);
}

.col{flex:1 0 0%}
.col-auto{flex:0 0 auto;width:auto}
.col-1{flex:0 0 auto;width:8.33333333%}
.col-2{flex:0 0 auto;width:16.66666667%}
.col-3{flex:0 0 auto;width:25%}
.col-4{flex:0 0 auto;width:33.33333333%}
.col-5{flex:0 0 auto;width:41.66666667%}
.col-6{flex:0 0 auto;width:50%}
.col-7{flex:0 0 auto;width:58.33333333%}
.col-8{flex:0 0 auto;width:66.66666667%}
.col-9{flex:0 0 auto;width:75%}
.col-10{flex:0 0 auto;width:83.33333333%}
.col-11{flex:0 0 auto;width:91.66666667%}
.col-12{flex:0 0 auto;width:100%}

/* === Offset === */

.offset-1{margin-left:8.33333333%}
.offset-2{margin-left:16.66666667%}
.offset-3{margin-left:25%}
.offset-4{margin-left:33.33333333%}
.offset-5{margin-left:41.66666667%}
.offset-6{margin-left:50%}
.offset-7{margin-left:58.33333333%}
.offset-8{margin-left:66.66666667%}
.offset-9{margin-left:75%}
.offset-10{margin-left:83.33333333%}
.offset-11{margin-left:91.66666667%}

/* === Order === */

.order-first{order:-1!important}
.order-0{order:0!important}
.order-1{order:1!important}
.order-2{order:2!important}
.order-3{order:3!important}
.order-4{order:4!important}
.order-5{order:5!important}
.order-last{order:6!important}

/* === Responsive === */

/* XL - Extra Large */
@media (min-width: 1399.98px) {
	
	.row-cols-xl-auto>*{flex:0 0 auto;width:auto}
	.row-cols-xl-1>*{flex:0 0 auto;width:100%}
	.row-cols-xl-2>*{flex:0 0 auto;width:50%}
	.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}
	.row-cols-xl-4>*{flex:0 0 auto;width:25%}
	.row-cols-xl-5>*{flex:0 0 auto;width:20%}
	.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}
	
	.col-sm{flex:1 0 0%}
	.col-xl-auto{flex:0 0 auto;width:auto}
	.col-xl-1{flex:0 0 auto;width:8.33333333%}
	.col-xl-2{flex:0 0 auto;width:16.66666667%}
	.col-xl-3{flex:0 0 auto;width:25%}
	.col-xl-4{flex:0 0 auto;width:33.33333333%}
	.col-xl-5{flex:0 0 auto;width:41.66666667%}
	.col-xl-6{flex:0 0 auto;width:50%}
	.col-xl-7{flex:0 0 auto;width:58.33333333%}
	.col-xl-8{flex:0 0 auto;width:66.66666667%}
	.col-xl-9{flex:0 0 auto;width:75%}
	.col-xl-10{flex:0 0 auto;width:83.33333333%}
	.col-xl-11{flex:0 0 auto;width:91.66666667%}
	.col-xl-12{flex:0 0 auto;width:100%}
	
	.offset-xl-0{margin-left:0}
	.offset-xl-1{margin-left:8.33333333%}
	.offset-xl-2{margin-left:16.66666667%}
	.offset-xl-3{margin-left:25%}
	.offset-xl-4{margin-left:33.33333333%}
	.offset-xl-5{margin-left:41.66666667%}
	.offset-xl-6{margin-left:50%}
	.offset-xl-7{margin-left:58.33333333%}
	.offset-xl-8{margin-left:66.66666667%}
	.offset-xl-9{margin-left:75%}
	.offset-xl-10{margin-left:83.33333333%}
	.offset-xl-11{margin-left:91.66666667%}
	
	.order-xl-first{order:-1!important}
	.order-xl-0{order:0!important}
	.order-xl-1{order:1!important}
	.order-xl-2{order:2!important}
	.order-xl-3{order:3!important}
	.order-xl-4{order:4!important}
	.order-xl-5{order:5!important}
	.order-xl-last{order:6!important}
	
}

/* LG - Large */
@media (min-width: 1199.98px) {
	
	.row-cols-lg-auto>*{flex:0 0 auto;width:auto}
	.row-cols-lg-1>*{flex:0 0 auto;width:100%}
	.row-cols-lg-2>*{flex:0 0 auto;width:50%}
	.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}
	.row-cols-lg-4>*{flex:0 0 auto;width:25%}
	.row-cols-lg-5>*{flex:0 0 auto;width:20%}
	.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}
	
	.col-sm{flex:1 0 0%}
	.col-lg-auto{flex:0 0 auto;width:auto}
	.col-lg-1{flex:0 0 auto;width:8.33333333%}
	.col-lg-2{flex:0 0 auto;width:16.66666667%}
	.col-lg-3{flex:0 0 auto;width:25%}
	.col-lg-4{flex:0 0 auto;width:33.33333333%}
	.col-lg-5{flex:0 0 auto;width:41.66666667%}
	.col-lg-6{flex:0 0 auto;width:50%}
	.col-lg-7{flex:0 0 auto;width:58.33333333%}
	.col-lg-8{flex:0 0 auto;width:66.66666667%}
	.col-lg-9{flex:0 0 auto;width:75%}
	.col-lg-10{flex:0 0 auto;width:83.33333333%}
	.col-lg-11{flex:0 0 auto;width:91.66666667%}
	.col-lg-12{flex:0 0 auto;width:100%}
	
	.offset-lg-0{margin-left:0}
	.offset-lg-1{margin-left:8.33333333%}
	.offset-lg-2{margin-left:16.66666667%}
	.offset-lg-3{margin-left:25%}
	.offset-lg-4{margin-left:33.33333333%}
	.offset-lg-5{margin-left:41.66666667%}
	.offset-lg-6{margin-left:50%}
	.offset-lg-7{margin-left:58.33333333%}
	.offset-lg-8{margin-left:66.66666667%}
	.offset-lg-9{margin-left:75%}
	.offset-lg-10{margin-left:83.33333333%}
	.offset-lg-11{margin-left:91.66666667%}
	
	.order-lg-first{order:-1!important}
	.order-lg-0{order:0!important}
	.order-lg-1{order:1!important}
	.order-lg-2{order:2!important}
	.order-lg-3{order:3!important}
	.order-lg-4{order:4!important}
	.order-lg-5{order:5!important}
	.order-lg-last{order:6!important}
}

/* MD - Medium */
@media (min-width: 991.98px) {
	
	.row-cols-md-auto>*{flex:0 0 auto;width:auto}
	.row-cols-md-1>*{flex:0 0 auto;width:100%}
	.row-cols-md-2>*{flex:0 0 auto;width:50%}
	.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}
	.row-cols-md-4>*{flex:0 0 auto;width:25%}
	.row-cols-md-5>*{flex:0 0 auto;width:20%}
	.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}
	
	.col-md{flex:1 0 0%}
	.col-md-auto{flex:0 0 auto;width:auto}
	.col-md-1{flex:0 0 auto;width:8.33333333%}
	.col-md-2{flex:0 0 auto;width:16.66666667%}
	.col-md-3{flex:0 0 auto;width:25%}
	.col-md-4{flex:0 0 auto;width:33.33333333%}
	.col-md-5{flex:0 0 auto;width:41.66666667%}
	.col-md-6{flex:0 0 auto;width:50%}
	.col-md-7{flex:0 0 auto;width:58.33333333%}
	.col-md-8{flex:0 0 auto;width:66.66666667%}
	.col-md-9{flex:0 0 auto;width:75%}
	.col-md-10{flex:0 0 auto;width:83.33333333%}
	.col-md-11{flex:0 0 auto;width:91.66666667%}
	.col-md-12{flex:0 0 auto;width:100%}
	
	.offset-md-0{margin-left:0}
	.offset-md-1{margin-left:8.33333333%}
	.offset-md-2{margin-left:16.66666667%}
	.offset-md-3{margin-left:25%}
	.offset-md-4{margin-left:33.33333333%}
	.offset-md-5{margin-left:41.66666667%}
	.offset-md-6{margin-left:50%}
	.offset-md-7{margin-left:58.33333333%}
	.offset-md-8{margin-left:66.66666667%}
	.offset-md-9{margin-left:75%}
	.offset-md-10{margin-left:83.33333333%}
	.offset-md-11{margin-left:91.66666667%}
	
	.order-md-first{order:-1!important}
	.order-md-0{order:0!important}
	.order-md-1{order:1!important}
	.order-md-2{order:2!important}
	.order-md-3{order:3!important}
	.order-md-4{order:4!important}
	.order-md-5{order:5!important}
	.order-md-last{order:6!important}
}

/* SM - Small */
@media (min-width: 767.98px) {
	
	.row-cols-sm-auto>*{flex:0 0 auto;width:auto}
	.row-cols-sm-1>*{flex:0 0 auto;width:100%}
	.row-cols-sm-2>*{flex:0 0 auto;width:50%}
	.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}
	.row-cols-sm-4>*{flex:0 0 auto;width:25%}
	.row-cols-sm-5>*{flex:0 0 auto;width:20%}
	.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}
	
	.col-sm{flex:1 0 0%}
	.col-sm-auto{flex:0 0 auto;width:auto}
	.col-sm-1{flex:0 0 auto;width:8.33333333%}
	.col-sm-2{flex:0 0 auto;width:16.66666667%}
	.col-sm-3{flex:0 0 auto;width:25%}
	.col-sm-4{flex:0 0 auto;width:33.33333333%}
	.col-sm-5{flex:0 0 auto;width:41.66666667%}
	.col-sm-6{flex:0 0 auto;width:50%}
	.col-sm-7{flex:0 0 auto;width:58.33333333%}
	.col-sm-8{flex:0 0 auto;width:66.66666667%}
	.col-sm-9{flex:0 0 auto;width:75%}
	.col-sm-10{flex:0 0 auto;width:83.33333333%}
	.col-sm-11{flex:0 0 auto;width:91.66666667%}
	.col-sm-12{flex:0 0 auto;width:100%}
	
	.offset-sm-0{margin-left:0}
	.offset-sm-1{margin-left:8.33333333%}
	.offset-sm-2{margin-left:16.66666667%}
	.offset-sm-3{margin-left:25%}
	.offset-sm-4{margin-left:33.33333333%}
	.offset-sm-5{margin-left:41.66666667%}
	.offset-sm-6{margin-left:50%}
	.offset-sm-7{margin-left:58.33333333%}
	.offset-sm-8{margin-left:66.66666667%}
	.offset-sm-9{margin-left:75%}
	.offset-sm-10{margin-left:83.33333333%}
	.offset-sm-11{margin-left:91.66666667%}
	
	.order-sm-first{order:-1!important}
	.order-sm-0{order:0!important}
	.order-sm-1{order:1!important}
	.order-sm-2{order:2!important}
	.order-sm-3{order:3!important}
	.order-sm-4{order:4!important}
	.order-sm-5{order:5!important}
	.order-sm-last{order:6!important}
	
	.d-sm-inline{display:inline!important}
	.d-sm-inline-block{display:inline-block!important}
	.d-sm-block{display:block!important}
	.d-sm-grid{display:grid!important}
	.d-sm-table{display:table!important}
	.d-sm-table-row{display:table-row!important}
	.d-sm-table-cell{display:table-cell!important}
	.d-sm-flex{display:flex!important}
	.d-sm-inline-flex{display:inline-flex!important}
	.d-sm-none{display:none!important}
}

/* XS - Extra Small */
@media (min-width: 575.98px) {
	
	.row-cols-xs-auto>*{flex:0 0 auto;width:auto}
	.row-cols-xs-1>*{flex:0 0 auto;width:100%}
	.row-cols-xs-2>*{flex:0 0 auto;width:50%}
	.row-cols-xs-3>*{flex:0 0 auto;width:33.3333333333%}
	.row-cols-xs-4>*{flex:0 0 auto;width:25%}
	.row-cols-xs-5>*{flex:0 0 auto;width:20%}
	.row-cols-xs-6>*{flex:0 0 auto;width:16.6666666667%}
	
	.col-xs{flex:1 0 0%}
	.col-xs-auto{flex:0 0 auto;width:auto}
	.col-xs-1{flex:0 0 auto;width:8.33333333%}
	.col-xs-2{flex:0 0 auto;width:16.66666667%}
	.col-xs-3{flex:0 0 auto;width:25%}
	.col-xs-4{flex:0 0 auto;width:33.33333333%}
	.col-xs-5{flex:0 0 auto;width:41.66666667%}
	.col-xs-6{flex:0 0 auto;width:50%}
	.col-xs-7{flex:0 0 auto;width:58.33333333%}
	.col-xs-8{flex:0 0 auto;width:66.66666667%}
	.col-xs-9{flex:0 0 auto;width:75%}
	.col-xs-10{flex:0 0 auto;width:83.33333333%}
	.col-xs-11{flex:0 0 auto;width:91.66666667%}
	.col-xs-12{flex:0 0 auto;width:100%}
	
	.offset-xs-0{margin-left:0}
	.offset-xs-1{margin-left:8.33333333%}
	.offset-xs-2{margin-left:16.66666667%}
	.offset-xs-3{margin-left:25%}
	.offset-xs-4{margin-left:33.33333333%}
	.offset-xs-5{margin-left:41.66666667%}
	.offset-xs-6{margin-left:50%}
	.offset-xs-7{margin-left:58.33333333%}
	.offset-xs-8{margin-left:66.66666667%}
	.offset-xs-9{margin-left:75%}
	.offset-xs-10{margin-left:83.33333333%}
	.offset-xs-11{margin-left:91.66666667%}
	
	.order-xs-first{order:-1!important}
	.order-xs-0{order:0!important}
	.order-xs-1{order:1!important}
	.order-xs-2{order:2!important}
	.order-xs-3{order:3!important}
	.order-xs-4{order:4!important}
	.order-xs-5{order:5!important}
	.order-xs-last{order:6!important}
}