@media (max-width: 767px) {
	.xs-width {
		padding-right: 6vw;
		padding-left: 6vw;
	}
	.xs-width-customer {
		padding-right: 6vw;
		padding-left: 6vw;
	}
	.small-width {
		padding-right: 6vw;
		padding-left: 6vw;
	}
	.medium-width {
		padding-right: 6vw;
		padding-left: 6vw;
	}
	.large-width {
		padding-right: 6vw;
		padding-left: 6vw;
	}
	.small-height {
		padding-top: 3.3vmax;
		padding-bottom: 3.3vmax;
	}
	.medium-height {
		padding-top: 6vw;
		padding-bottom: 6vw;
	}
	.large-height {
		padding-top: 10vmax;
		padding-bottom: 10vmax;
	}
	footer {
		padding-top: 4rem!important;
		padding-bottom: 2rem!important;
	}
}


@media (min-width: 768px) and (max-width: 991px) {
	.xs-width-customer {
		padding-right: 10vmax;
		padding-left: 10vmax;
	}
	.large-width {
		padding-right: 10vw;
		padding-left: 10vw;
	}
}


@media (min-width: 992px) {
	.xs-width-customer {
		padding-right: 18vmax;
		padding-left: 18vmax;
	}
	.large-width {
		padding-right: 4vw;
		padding-left: 4vw;
	}
}


@media (min-width: 768px) { 
	.xs-width {
		padding-right: 18vmax;
		padding-left: 18vmax;
	}
	.small-width {
		padding-right: 10vmax;
		padding-left: 10vmax;
	}
	.medium-width {
		padding-right: 6.6vw;
		padding-left: 6.6vw;
	}
	.small-height {
		padding-top: 3.3vmax;
		padding-bottom: 3.3vmax;	
	}
	.medium-height {
		padding-top: 6vmax;
		padding-bottom: 6vmax;	
	}
	.large-height {
		padding-top: 10vmax;
		padding-bottom: 10vmax;
	}
}