body {
	background-color: var(--color-background);
	line-height: 1;
	font-family: var(--primary-font);
	font-size: 18px;
	line-height: 1.167;
}
.wrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	@supports (overflow: clip) {
		overflow: clip;
	}

	> main {
		flex: 1 1 auto;
	}

	> * {
		min-width: 0;
	}
}
.container {
	max-width: 1312px;
	margin: 0 auto;
	padding: 0 var(--container-padding);
	width: 100%;
}
section {
	padding: 120px 0;
}
@media (max-width: 1199.98px) {
	section {
		padding: 100px 0;
	}
}
@media (max-width: 1023.98px) {
	body {
		font-size: 16px;
	}
}
@media (max-width: 767.98px) {
	section {
		padding: 80px 0;
	}
}
/* 
@media (max-width: 1299.98px) {
	.container {
		max-width: 960px;
	}
}
@media (max-width: 1023.98px) {
	body {
		font-size: 16px;
	}
}
@media (max-width: 991.98px) {
	.container {
		max-width: 720px;
	}
}

@media (max-width: 767.98px) {
	.container {
		max-width: 540px;
	}
}

@media (max-width: 575.98px) {
	.container {
		max-width: 100%;
	}
} */