.section-one-screen {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.section-xs {
	padding: 30px 0;
}

.section-sm,
.section-md,
.section-lg,
.section-xl,
.section-xxl {
	padding: 50px 0;
}

@media (min-width: 768px) {
	.section-sm,
	.section-md,
	.section-lg,
	.section-xl,
	.section-xxl {
		padding: 60px 0;
	}
}

@media (min-width: 992px) {
	.section-md {
		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: 130px 0 97px;
	}
	.section-lg,
	.section-xl,
	.section-xxl {
		padding: 150px 0;
	}
}

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