.nofloat {
	clear: both;
}

.parallax-window {
	min-height: 25vh;
	background: transparent;
}

.grid-wrapper {
	position: relative;
	margin: 0 auto;
	width: 70%;
}

.container {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
	padding: 8rem 0;
}

.container2 {
	position: relative;
	margin: 0;
	padding: 0;
	width: 100%;
}

.grid-1-1 {
	float: left;
	width: 100%;
}

.grid-1-2 {
	float: left;
	width: 50%;
}

.grid-2-2 {
	float: right;
	width: 50%;
}

.grid-1-3 {
	float: left;
	width: 33.33%;
}

.grid-2-3 {
	float: left;
	width: 33.33%;
}

.grid-3-3 {
	float: right;
	width: 33.33%;
}

.grid-1-4 {
	float: left;
	width: 25%;
}

.grid-2-4 {
	float: left;
	width: 25%;
}

.grid-3-4 {
	float: left;
	width: 25%;
}

.grid-4-4 {
	float: right;
	width: 25%;
}

@media screen and (max-width: 1200px) {
	.grid-wrapper {
		position: relative;
		margin: 0;
		width: auto;
		padding: 0;
	}

	.grid-1-4,
	.grid-2-4,
	.grid-3-4,
	.grid-4-4 {
		float: left;
		width: 50%;
	}
}

@media screen and (max-width: 1000px) and (orientation: portrait) {
	.grid-wrapper {
		margin: 0 auto;
		width: 100%;
		padding: 0;
	}

	.grid-1-1,
	.grid-1-2,
	.grid-2-2,
	.grid-1-3,
	.grid-2-3,
	.grid-3-3,
	.grid-1-4,
	.grid-2-4,
	.grid-3-4,
	.grid-4-4 {
		float: left;
		width: 100%;
	}
}