.container, .container-full {
    width: 100%;
    margin: 0 auto;
    padding-left: 15px;
	padding-right: 15px;
    box-sizing: border-box;
}

.row {
    display: flex;
    flex-wrap: wrap;
    /* flex-direction: column; */
}

.align__items__center {
	align-items: center;
}
.justify__content__between {
	justify-content: space-between;
}

.justify__content__center {
	justify-content: center;
}

.justify__content__end {
	justify-content: flex-end;
}

.col {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    width: 100%;
}

@media(min-width:576px) {
	.container, .container-full {
		max-width: 90%;
	}
}

@media(min-width:771px) {
	.container {
		max-width: 90%;
	}
	
	.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%;
	}
	
}

@media(min-width:992px) {
	.container {
		max-width: 85%;
	}
}

@media(min-width:1200px) {
	.container {
		max-width: 85%;
	}
}

@media(min-width:1440px) {
	.container {
		max-width: 85%;
	}
}