.section {
	counter-reset: box-number;
}

.section-one-screen {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.section-inset {
	padding: 50px 0;
}

.section-xxs {
	padding: 30px 0 60px;
}

@media (min-width: 1200px) {
	.section-xxs {
		padding-bottom: 100px;
	}
}

.section-xxs-2 {
	padding: 50px 0;
}

.section-xxs-3 {
	padding: 65px 0;
}

.section-xs {
	padding: 30px 0;
}

.section-xs-2 {
	padding: 20px 0;
}

.section-xs-3 {
	padding: 40px 0;
}

.section-sm,
.section-md,
.section-md-2,
.section-lg,
.section-xl,
.section-xxl {
	padding: 50px 0;
}

@media (min-width: 768px) {
	.section-sm,
	.section-md,
	.section-md-2,
	.section-lg,
	.section-xl,
	.section-xxl {
		padding: 60px 0;
	}
}

@media (min-width: 992px) {
	.section-inset {
		padding: 90px 0 100px;
	}
	.section-md, .section-md-2 {
		padding: 80px 0;
	}
	.section-lg,
	.section-xl,
	.section-xxl {
		padding: 100px 0;
	}
}

@media (min-width: 1200px) {
	.section-xs {
		padding: 80px 0 100px;
	}
	.section-sm {
		padding: 120px 0 90px;
	}
	.section-md {
		padding: 70px 0 97px;
	}
	.section-lg,
	.section-xl,
	.section-xxl {
		padding: 150px 0;
	}
}

@media (min-width: 1600px) {
	.section-md-2 {
		padding: 95px 0 111px;
	}
	.section-xl {
		padding: 200px 0;
	}
	.section-xxl {
		padding: 280px 0;
	}
}

.section-fullheight {
	display: flex;
}

.section-fullheight-inner {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	min-height: 100vh;
	width: 100%;
}

.section-fullheight-inner > * {
	width: 100%;
	flex-shrink: 0;
}

.section-fullheight-header {
	padding: 1.5625rem 0rem 0rem;
}

.section-fullheight-content {
	position: relative;
	padding: 11% 0;
}

.section-fullheight-footer {
	padding: 0rem 0rem 1.6875rem;
}

* + .section-fullheight-mask {
	margin-top: 2.1875rem;
}

@media (min-width: 576px) {
	.section-fullheight-mask {
		position: absolute;
		top: 50%;
		left: 0;
		width: 42.7%;
		margin-top: 0;
		transform: translateY(-50%);
	}
	.section-fullheight-img {
		width: 100%;
	}
}

.position-relative {
	position: relative;
}
