.upte-container {
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.upte-row {
	display: flex;
	flex-wrap:wrap;
	&.row-no-padding {
		padding: 0;
		& > .column {
			padding: 0;
		}
	}
	&.row-wrap {
		flex-wrap: wrap;
	}
	&.row-top {
		align-items: flex-start;
	}
	&.row-bottom {
		align-items: flex-end;
	}
	&.row-center {
		align-items: center;
	}
	&.row-stretch {
		align-items: stretch;
	}
	&.row-baseline {
		align-items: baseline;
	}
	.column {
		display: block;
		flex: 1 1 auto;
		margin-left: 0;
		max-width: 100%;
		width: 100%;
		margin-bottom: inherit;
		padding: 0 1.0rem;
		&.column-offset-10 {
			margin-left: 10%;
		}
		&.column-offset-20 {
			margin-left: 20%;
		}
		&.column-offset-25 {
			margin-left: 25%;
		}
		&.column-offset-40 {
			margin-left: 40%;
		}
		&.column-offset-50 {
			margin-left: 50%;
		}
		&.column-offset-60 {
			margin-left: 60%;
		}
		&.column-offset-75 {
			margin-left: 75%;
		}
		&.column-offset-80 {
			margin-left: 80%;
		}
		&.column-offset-90 {
			margin-left: 90%;
		}
		&.column-10 {
			flex: 0 0 10%;
			max-width: 10%;
		}
		&.column-20 {
			flex: 0 0 20%;
			max-width: 20%;
		}
		&.column-25 {
			flex: 0 0 25%;
			max-width: 25%;
		}
		&.column-40 {
			flex: 0 0 40%;
			max-width: 40%;
		}
		&.column-50 {
			flex: 0 0 50%;
			max-width: 50%;
		}
		&.column-60 {
			flex: 0 0 60%;
			max-width: 60%;
		}
		&.column-75 {
			flex: 0 0 75%;
			max-width: 75%;
		}
		&.column-80 {
			flex: 0 0 80%;
			max-width: 80%;
		}
		&.column-90 {
			flex: 0 0 90%;
			max-width: 90%;
		}
		.column-top {
			align-self: flex-start;
		}
		.column-bottom {
			align-self: flex-end;
		}
		.column-center {
			align-self: center;
		}
	}
	.column-4{
		flex: 0 0 auto;
    	width: 33.33333333%;
	}
}
.upte-row .column.column-offset-33, .upte-row .column.column-offset-34 {
	margin-left: 33.3333%;
}
.upte-row .column.column-offset-66, .upte-row .column.column-offset-67 {
	margin-left: 66.6666%;
}
.upte-row .column.column-33, .upte-row .column.column-34 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
}
.upte-row .column.column-66, .upte-row .column.column-67 {
	flex: 0 0 66.6666%;
	max-width: 66.6666%;
}


@media only screen and (max-width: 991px) {
	.upte-row {
		.column{
			padding-bottom: 2rem;
		}
			.column-4{
				flex: 0 0 50%;
				max-width: 50%;
			}
		}
}

@media only screen and (max-width: 768px) {
	.upte-row {
		.column{
			padding-bottom: 2rem;
		}
		.column-4{
			flex: 0 0 100%;
			max-width: 100%;
		}
	}
}

@media only screen and (max-width: 540px) {
	
}