Simple Grid System https://github.com/AlfredoRamos/simple-grid-system

grids.css

/**
 * Simple Grid System
 * https://github.com/AlfredoRamos/simple-grid-system
 * @author Alfredo Ramos <alfredo.ramos@yandex.com>
 * @version 2.0.4
 * @copyright (c) 2015 Alfredo Ramos
 * @license GPL-3.0+
 */
html {
	box-sizing: border-box;
}

*, *::before, *::after {
	box-sizing: inherit;
}

.container, .container-fluid {
	margin-right: auto;
	margin-bottom: 0.9375rem;
	margin-left: auto;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	overflow: hidden;
	word-wrap: break-word;
}

@media only screen and (min-width: 36rem) {
	.container {
		max-width: 33.75rem;
	}
}

@media only screen and (min-width: 48rem) {
	.container {
		max-width: 45rem;
	}
}

@media only screen and (min-width: 62rem) {
	.container {
		max-width: 60rem;
	}
}

@media only screen and (min-width: 75rem) {
	.container {
		max-width: 71.25rem;
	}
}

.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -0.9375rem;
	margin-left: -0.9375rem;
	overflow: hidden;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs,
.col-xs-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
	position: relative;
	padding-right: 0.9375rem;
	padding-left: 0.9375rem;
	width: 100%;
	min-height: 0.0625rem;
	overflow: hidden;
}

.col-xs {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
}

.col-xs-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
}

.col-xs-1 {
	-ms-flex: 0 0 8.33333%;
	flex: 0 0 8.33333%;
	max-width: 8.33333%;
}

.col-xs-2 {
	-ms-flex: 0 0 16.66667%;
	flex: 0 0 16.66667%;
	max-width: 16.66667%;
}

.col-xs-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}

.col-xs-4 {
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}

.col-xs-5 {
	-ms-flex: 0 0 41.66667%;
	flex: 0 0 41.66667%;
	max-width: 41.66667%;
}

.col-xs-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}

.col-xs-7 {
	-ms-flex: 0 0 58.33333%;
	flex: 0 0 58.33333%;
	max-width: 58.33333%;
}

.col-xs-8 {
	-ms-flex: 0 0 66.66667%;
	flex: 0 0 66.66667%;
	max-width: 66.66667%;
}

.col-xs-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}

.col-xs-10 {
	-ms-flex: 0 0 83.33333%;
	flex: 0 0 83.33333%;
	max-width: 83.33333%;
}

.col-xs-11 {
	-ms-flex: 0 0 91.66667%;
	flex: 0 0 91.66667%;
	max-width: 91.66667%;
}

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

.direction-xs-row {
	-ms-flex-direction: row;
	flex-direction: row;
}

.direction-xs-row-reverse {
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.direction-xs-column {
	-ms-flex-direction: column;
	flex-direction: column;
}

.direction-xs-column-reverse {
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

.order-xs-1 {
	-ms-flex-order: 1;
	order: 1;
}

.order-xs-2 {
	-ms-flex-order: 2;
	order: 2;
}

.order-xs-3 {
	-ms-flex-order: 3;
	order: 3;
}

.order-xs-4 {
	-ms-flex-order: 4;
	order: 4;
}

.order-xs-5 {
	-ms-flex-order: 5;
	order: 5;
}

.order-xs-6 {
	-ms-flex-order: 6;
	order: 6;
}

.order-xs-7 {
	-ms-flex-order: 7;
	order: 7;
}

.order-xs-8 {
	-ms-flex-order: 8;
	order: 8;
}

.order-xs-9 {
	-ms-flex-order: 9;
	order: 9;
}

.order-xs-10 {
	-ms-flex-order: 10;
	order: 10;
}

.order-xs-11 {
	-ms-flex-order: 11;
	order: 11;
}

.order-xs-12 {
	-ms-flex-order: 12;
	order: 12;
}

.top-xs {
	-ms-flex-align: start;
	align-items: flex-start;
}

.middle-xs {
	-ms-flex-align: center;
	align-items: center;
}

.bottom-xs {
	-ms-flex-align: end;
	align-items: flex-end;
}

.start-xs {
	-ms-flex-pack: start;
	justify-content: flex-start;
}

.center-xs {
	-ms-flex-pack: center;
	justify-content: center;
}

.end-xs {
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.around-xs {
	-ms-flex-pack: distribute;
	justify-content: space-around;
}

.between-xs {
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.offset-xs-auto {
	margin-left: auto;
}

.offset-xs-1 {
	margin-left: 8.33333%;
}

.offset-xs-2 {
	margin-left: 16.66667%;
}

.offset-xs-3 {
	margin-left: 25%;
}

.offset-xs-4 {
	margin-left: 33.33333%;
}

.offset-xs-5 {
	margin-left: 41.66667%;
}

.offset-xs-6 {
	margin-left: 50%;
}

.offset-xs-7 {
	margin-left: 58.33333%;
}

.offset-xs-8 {
	margin-left: 66.66667%;
}

.offset-xs-9 {
	margin-left: 75%;
}

.offset-xs-10 {
	margin-left: 83.33333%;
}

.offset-xs-11 {
	margin-left: 91.66667%;
}

.offset-xs-12 {
	margin-left: 100%;
}

@media only screen and (min-width: 36rem) {
	.col-sm {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-sm-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-sm-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-sm-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-sm-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-sm-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-sm-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-sm-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-sm-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-sm-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-sm-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-sm-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-sm-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-sm-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.direction-sm-row {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.direction-sm-row-reverse {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.direction-sm-column {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.direction-sm-column-reverse {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.order-sm-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.order-sm-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.order-sm-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.order-sm-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.order-sm-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.order-sm-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.order-sm-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.order-sm-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.order-sm-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.order-sm-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.order-sm-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.order-sm-12 {
		-ms-flex-order: 12;
		order: 12;
	}
	.top-sm {
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.middle-sm {
		-ms-flex-align: center;
		align-items: center;
	}
	.bottom-sm {
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.start-sm {
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.center-sm {
		-ms-flex-pack: center;
		justify-content: center;
	}
	.end-sm {
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.around-sm {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.between-sm {
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.offset-sm-auto {
		margin-left: auto;
	}
	.offset-sm-1 {
		margin-left: 8.33333%;
	}
	.offset-sm-2 {
		margin-left: 16.66667%;
	}
	.offset-sm-3 {
		margin-left: 25%;
	}
	.offset-sm-4 {
		margin-left: 33.33333%;
	}
	.offset-sm-5 {
		margin-left: 41.66667%;
	}
	.offset-sm-6 {
		margin-left: 50%;
	}
	.offset-sm-7 {
		margin-left: 58.33333%;
	}
	.offset-sm-8 {
		margin-left: 66.66667%;
	}
	.offset-sm-9 {
		margin-left: 75%;
	}
	.offset-sm-10 {
		margin-left: 83.33333%;
	}
	.offset-sm-11 {
		margin-left: 91.66667%;
	}
	.offset-sm-12 {
		margin-left: 100%;
	}
}

@media only screen and (min-width: 48rem) {
	.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-md-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-md-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-md-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-md-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-md-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-md-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-md-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-md-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-md-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-md-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-md-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-md-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-md-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.direction-md-row {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.direction-md-row-reverse {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.direction-md-column {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.direction-md-column-reverse {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.order-md-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.order-md-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.order-md-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.order-md-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.order-md-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.order-md-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.order-md-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.order-md-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.order-md-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.order-md-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.order-md-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.order-md-12 {
		-ms-flex-order: 12;
		order: 12;
	}
	.top-md {
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.middle-md {
		-ms-flex-align: center;
		align-items: center;
	}
	.bottom-md {
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.start-md {
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.center-md {
		-ms-flex-pack: center;
		justify-content: center;
	}
	.end-md {
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.around-md {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.between-md {
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.offset-md-auto {
		margin-left: auto;
	}
	.offset-md-1 {
		margin-left: 8.33333%;
	}
	.offset-md-2 {
		margin-left: 16.66667%;
	}
	.offset-md-3 {
		margin-left: 25%;
	}
	.offset-md-4 {
		margin-left: 33.33333%;
	}
	.offset-md-5 {
		margin-left: 41.66667%;
	}
	.offset-md-6 {
		margin-left: 50%;
	}
	.offset-md-7 {
		margin-left: 58.33333%;
	}
	.offset-md-8 {
		margin-left: 66.66667%;
	}
	.offset-md-9 {
		margin-left: 75%;
	}
	.offset-md-10 {
		margin-left: 83.33333%;
	}
	.offset-md-11 {
		margin-left: 91.66667%;
	}
	.offset-md-12 {
		margin-left: 100%;
	}
}

@media only screen and (min-width: 62rem) {
	.col-lg {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-lg-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-lg-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-lg-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-lg-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-lg-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-lg-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-lg-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-lg-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-lg-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-lg-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-lg-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-lg-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-lg-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.direction-lg-row {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.direction-lg-row-reverse {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.direction-lg-column {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.direction-lg-column-reverse {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.order-lg-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.order-lg-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.order-lg-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.order-lg-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.order-lg-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.order-lg-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.order-lg-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.order-lg-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.order-lg-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.order-lg-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.order-lg-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.order-lg-12 {
		-ms-flex-order: 12;
		order: 12;
	}
	.top-lg {
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.middle-lg {
		-ms-flex-align: center;
		align-items: center;
	}
	.bottom-lg {
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.start-lg {
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.center-lg {
		-ms-flex-pack: center;
		justify-content: center;
	}
	.end-lg {
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.around-lg {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.between-lg {
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.offset-lg-auto {
		margin-left: auto;
	}
	.offset-lg-1 {
		margin-left: 8.33333%;
	}
	.offset-lg-2 {
		margin-left: 16.66667%;
	}
	.offset-lg-3 {
		margin-left: 25%;
	}
	.offset-lg-4 {
		margin-left: 33.33333%;
	}
	.offset-lg-5 {
		margin-left: 41.66667%;
	}
	.offset-lg-6 {
		margin-left: 50%;
	}
	.offset-lg-7 {
		margin-left: 58.33333%;
	}
	.offset-lg-8 {
		margin-left: 66.66667%;
	}
	.offset-lg-9 {
		margin-left: 75%;
	}
	.offset-lg-10 {
		margin-left: 83.33333%;
	}
	.offset-lg-11 {
		margin-left: 91.66667%;
	}
	.offset-lg-12 {
		margin-left: 100%;
	}
}

@media only screen and (min-width: 75rem) {
	.col-xl {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	.col-xl-auto {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		width: auto;
		max-width: none;
	}
	.col-xl-1 {
		-ms-flex: 0 0 8.33333%;
		flex: 0 0 8.33333%;
		max-width: 8.33333%;
	}
	.col-xl-2 {
		-ms-flex: 0 0 16.66667%;
		flex: 0 0 16.66667%;
		max-width: 16.66667%;
	}
	.col-xl-3 {
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 25%;
	}
	.col-xl-4 {
		-ms-flex: 0 0 33.33333%;
		flex: 0 0 33.33333%;
		max-width: 33.33333%;
	}
	.col-xl-5 {
		-ms-flex: 0 0 41.66667%;
		flex: 0 0 41.66667%;
		max-width: 41.66667%;
	}
	.col-xl-6 {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
	}
	.col-xl-7 {
		-ms-flex: 0 0 58.33333%;
		flex: 0 0 58.33333%;
		max-width: 58.33333%;
	}
	.col-xl-8 {
		-ms-flex: 0 0 66.66667%;
		flex: 0 0 66.66667%;
		max-width: 66.66667%;
	}
	.col-xl-9 {
		-ms-flex: 0 0 75%;
		flex: 0 0 75%;
		max-width: 75%;
	}
	.col-xl-10 {
		-ms-flex: 0 0 83.33333%;
		flex: 0 0 83.33333%;
		max-width: 83.33333%;
	}
	.col-xl-11 {
		-ms-flex: 0 0 91.66667%;
		flex: 0 0 91.66667%;
		max-width: 91.66667%;
	}
	.col-xl-12 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.direction-xl-row {
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.direction-xl-row-reverse {
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	.direction-xl-column {
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.direction-xl-column-reverse {
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	.order-xl-1 {
		-ms-flex-order: 1;
		order: 1;
	}
	.order-xl-2 {
		-ms-flex-order: 2;
		order: 2;
	}
	.order-xl-3 {
		-ms-flex-order: 3;
		order: 3;
	}
	.order-xl-4 {
		-ms-flex-order: 4;
		order: 4;
	}
	.order-xl-5 {
		-ms-flex-order: 5;
		order: 5;
	}
	.order-xl-6 {
		-ms-flex-order: 6;
		order: 6;
	}
	.order-xl-7 {
		-ms-flex-order: 7;
		order: 7;
	}
	.order-xl-8 {
		-ms-flex-order: 8;
		order: 8;
	}
	.order-xl-9 {
		-ms-flex-order: 9;
		order: 9;
	}
	.order-xl-10 {
		-ms-flex-order: 10;
		order: 10;
	}
	.order-xl-11 {
		-ms-flex-order: 11;
		order: 11;
	}
	.order-xl-12 {
		-ms-flex-order: 12;
		order: 12;
	}
	.top-xl {
		-ms-flex-align: start;
		align-items: flex-start;
	}
	.middle-xl {
		-ms-flex-align: center;
		align-items: center;
	}
	.bottom-xl {
		-ms-flex-align: end;
		align-items: flex-end;
	}
	.start-xl {
		-ms-flex-pack: start;
		justify-content: flex-start;
	}
	.center-xl {
		-ms-flex-pack: center;
		justify-content: center;
	}
	.end-xl {
		-ms-flex-pack: end;
		justify-content: flex-end;
	}
	.around-xl {
		-ms-flex-pack: distribute;
		justify-content: space-around;
	}
	.between-xl {
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
	.offset-xl-auto {
		margin-left: auto;
	}
	.offset-xl-1 {
		margin-left: 8.33333%;
	}
	.offset-xl-2 {
		margin-left: 16.66667%;
	}
	.offset-xl-3 {
		margin-left: 25%;
	}
	.offset-xl-4 {
		margin-left: 33.33333%;
	}
	.offset-xl-5 {
		margin-left: 41.66667%;
	}
	.offset-xl-6 {
		margin-left: 50%;
	}
	.offset-xl-7 {
		margin-left: 58.33333%;
	}
	.offset-xl-8 {
		margin-left: 66.66667%;
	}
	.offset-xl-9 {
		margin-left: 75%;
	}
	.offset-xl-10 {
		margin-left: 83.33333%;
	}
	.offset-xl-11 {
		margin-left: 91.66667%;
	}
	.offset-xl-12 {
		margin-left: 100%;
	}
}

.media {
	display: block;
	position: relative;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.media::before {
	display: block;
	content: '';
}

.media-21-9::before {
	padding-top: 42.85714%;
}

.media::before, .media-16-9::before {
	padding-top: 56.25%;
}

.media-4-3::before {
	padding-top: 75%;
}

.media-1-1::before {
	padding-top: 100%;
}

.media video, .media iframe, .media object, .media embed, .media .media-item {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: none;
	width: 100%;
	height: 100%;
}

grids.min.css

/**
 * Simple Grid System
 * https://github.com/AlfredoRamos/simple-grid-system
 * @author Alfredo Ramos <alfredo.ramos@yandex.com>
 * @version 2.0.4
 * @copyright (c) 2015 Alfredo Ramos
 * @license GPL-3.0+
 */
html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}.container,.container-fluid{margin-right:auto;margin-bottom:.9375rem;margin-left:auto;padding-right:.9375rem;padding-left:.9375rem;overflow:hidden;word-wrap:break-word}@media only screen and (min-width: 36rem){.container{max-width:33.75rem}}@media only screen and (min-width: 48rem){.container{max-width:45rem}}@media only screen and (min-width: 62rem){.container{max-width:60rem}}@media only screen and (min-width: 75rem){.container{max-width:71.25rem}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-.9375rem;margin-left:-.9375rem;overflow:hidden}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs,.col-xs-auto,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm,.col-sm-auto,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md,.col-md-auto,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg,.col-lg-auto,.col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl,.col-xl-auto{position:relative;padding-right:.9375rem;padding-left:.9375rem;width:100%;min-height:.0625rem;overflow:hidden}.col-xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xs-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xs-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xs-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xs-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xs-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xs-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xs-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xs-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xs-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xs-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xs-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xs-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xs-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.direction-xs-row{-ms-flex-direction:row;flex-direction:row}.direction-xs-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction-xs-column{-ms-flex-direction:column;flex-direction:column}.direction-xs-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-xs-1{-ms-flex-order:1;order:1}.order-xs-2{-ms-flex-order:2;order:2}.order-xs-3{-ms-flex-order:3;order:3}.order-xs-4{-ms-flex-order:4;order:4}.order-xs-5{-ms-flex-order:5;order:5}.order-xs-6{-ms-flex-order:6;order:6}.order-xs-7{-ms-flex-order:7;order:7}.order-xs-8{-ms-flex-order:8;order:8}.order-xs-9{-ms-flex-order:9;order:9}.order-xs-10{-ms-flex-order:10;order:10}.order-xs-11{-ms-flex-order:11;order:11}.order-xs-12{-ms-flex-order:12;order:12}.top-xs{-ms-flex-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;align-items:flex-end}.start-xs{-ms-flex-pack:start;justify-content:flex-start}.center-xs{-ms-flex-pack:center;justify-content:center}.end-xs{-ms-flex-pack:end;justify-content:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;justify-content:space-between}.offset-xs-auto{margin-left:auto}.offset-xs-1{margin-left:8.33333%}.offset-xs-2{margin-left:16.66667%}.offset-xs-3{margin-left:25%}.offset-xs-4{margin-left:33.33333%}.offset-xs-5{margin-left:41.66667%}.offset-xs-6{margin-left:50%}.offset-xs-7{margin-left:58.33333%}.offset-xs-8{margin-left:66.66667%}.offset-xs-9{margin-left:75%}.offset-xs-10{margin-left:83.33333%}.offset-xs-11{margin-left:91.66667%}.offset-xs-12{margin-left:100%}@media only screen and (min-width: 36rem){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-sm-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-sm-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-sm-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-sm-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-sm-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.direction-sm-row{-ms-flex-direction:row;flex-direction:row}.direction-sm-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction-sm-column{-ms-flex-direction:column;flex-direction:column}.direction-sm-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.top-sm{-ms-flex-align:start;align-items:flex-start}.middle-sm{-ms-flex-align:center;align-items:center}.bottom-sm{-ms-flex-align:end;align-items:flex-end}.start-sm{-ms-flex-pack:start;justify-content:flex-start}.center-sm{-ms-flex-pack:center;justify-content:center}.end-sm{-ms-flex-pack:end;justify-content:flex-end}.around-sm{-ms-flex-pack:distribute;justify-content:space-around}.between-sm{-ms-flex-pack:justify;justify-content:space-between}.offset-sm-auto{margin-left:auto}.offset-sm-1{margin-left:8.33333%}.offset-sm-2{margin-left:16.66667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333%}.offset-sm-5{margin-left:41.66667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333%}.offset-sm-8{margin-left:66.66667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333%}.offset-sm-11{margin-left:91.66667%}.offset-sm-12{margin-left:100%}}@media only screen and (min-width: 48rem){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-md-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-md-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-md-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-md-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-md-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.direction-md-row{-ms-flex-direction:row;flex-direction:row}.direction-md-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction-md-column{-ms-flex-direction:column;flex-direction:column}.direction-md-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.top-md{-ms-flex-align:start;align-items:flex-start}.middle-md{-ms-flex-align:center;align-items:center}.bottom-md{-ms-flex-align:end;align-items:flex-end}.start-md{-ms-flex-pack:start;justify-content:flex-start}.center-md{-ms-flex-pack:center;justify-content:center}.end-md{-ms-flex-pack:end;justify-content:flex-end}.around-md{-ms-flex-pack:distribute;justify-content:space-around}.between-md{-ms-flex-pack:justify;justify-content:space-between}.offset-md-auto{margin-left:auto}.offset-md-1{margin-left:8.33333%}.offset-md-2{margin-left:16.66667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333%}.offset-md-5{margin-left:41.66667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333%}.offset-md-8{margin-left:66.66667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333%}.offset-md-11{margin-left:91.66667%}.offset-md-12{margin-left:100%}}@media only screen and (min-width: 62rem){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-lg-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-lg-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-lg-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-lg-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-lg-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.direction-lg-row{-ms-flex-direction:row;flex-direction:row}.direction-lg-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction-lg-column{-ms-flex-direction:column;flex-direction:column}.direction-lg-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.top-lg{-ms-flex-align:start;align-items:flex-start}.middle-lg{-ms-flex-align:center;align-items:center}.bottom-lg{-ms-flex-align:end;align-items:flex-end}.start-lg{-ms-flex-pack:start;justify-content:flex-start}.center-lg{-ms-flex-pack:center;justify-content:center}.end-lg{-ms-flex-pack:end;justify-content:flex-end}.around-lg{-ms-flex-pack:distribute;justify-content:space-around}.between-lg{-ms-flex-pack:justify;justify-content:space-between}.offset-lg-auto{margin-left:auto}.offset-lg-1{margin-left:8.33333%}.offset-lg-2{margin-left:16.66667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333%}.offset-lg-5{margin-left:41.66667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333%}.offset-lg-8{margin-left:66.66667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333%}.offset-lg-11{margin-left:91.66667%}.offset-lg-12{margin-left:100%}}@media only screen and (min-width: 75rem){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:none}.col-xl-1{-ms-flex:0 0 8.33333%;flex:0 0 8.33333%;max-width:8.33333%}.col-xl-2{-ms-flex:0 0 16.66667%;flex:0 0 16.66667%;max-width:16.66667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.33333%;flex:0 0 33.33333%;max-width:33.33333%}.col-xl-5{-ms-flex:0 0 41.66667%;flex:0 0 41.66667%;max-width:41.66667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.33333%;flex:0 0 58.33333%;max-width:58.33333%}.col-xl-8{-ms-flex:0 0 66.66667%;flex:0 0 66.66667%;max-width:66.66667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.33333%;flex:0 0 83.33333%;max-width:83.33333%}.col-xl-11{-ms-flex:0 0 91.66667%;flex:0 0 91.66667%;max-width:91.66667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.direction-xl-row{-ms-flex-direction:row;flex-direction:row}.direction-xl-row-reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.direction-xl-column{-ms-flex-direction:column;flex-direction:column}.direction-xl-column-reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.top-xl{-ms-flex-align:start;align-items:flex-start}.middle-xl{-ms-flex-align:center;align-items:center}.bottom-xl{-ms-flex-align:end;align-items:flex-end}.start-xl{-ms-flex-pack:start;justify-content:flex-start}.center-xl{-ms-flex-pack:center;justify-content:center}.end-xl{-ms-flex-pack:end;justify-content:flex-end}.around-xl{-ms-flex-pack:distribute;justify-content:space-around}.between-xl{-ms-flex-pack:justify;justify-content:space-between}.offset-xl-auto{margin-left:auto}.offset-xl-1{margin-left:8.33333%}.offset-xl-2{margin-left:16.66667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333%}.offset-xl-5{margin-left:41.66667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333%}.offset-xl-8{margin-left:66.66667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333%}.offset-xl-11{margin-left:91.66667%}.offset-xl-12{margin-left:100%}}.media{display:block;position:relative;padding:0;width:100%;overflow:hidden}.media::before{display:block;content:''}.media-21-9::before{padding-top:42.85714%}.media::before,.media-16-9::before{padding-top:56.25%}.media-4-3::before{padding-top:75%}.media-1-1::before{padding-top:100%}.media video,.media iframe,.media object,.media embed,.media .media-item{position:absolute;top:0;right:0;bottom:0;left:0;border:none;width:100%;height:100%}