.main-cover {
	overflow: hidden;
}

.cover-logo {
	position: absolute;
	top: 50%;
	left: 50%;

	height: auto;
	width: 50%;
	max-width: 600px;

	transform: translate(-50%, -50%);

	z-index: 1;
	pointer-events: none;
}

#cover-front,
#cover-back {
	position: absolute;
	bottom: -12%;

	width: 100%;
	height: auto;
}

.parallax__wrapper {
	position: relative;

	max-width: 1400px;
	margin: 0 auto -20px;
}

#logo_1 {
	top: 28%;
	left: 84%;

	width: 40%;
}

#logo_2 {
	top: 48%;
	left: -18%;

	width: 32%;
}

.task,
.credits,
.bottom-bg,
.footer {
	background-color: #e3e9f5;
}

.task__date {
	background: #cdd8ee !important;
}

.pattern {
	position: relative;

	overflow: hidden;

	height: 400px;
	width: 100%;
	margin: 0 auto;

	box-shadow: inset 0 -22px 30px -22px rgba(0, 0, 0, 0.5),
				inset 0 22px 30px -22px rgba(0, 0, 0, 0.5);
}

.pattern__parallax {
	top: 0;

	width: 100%;
	height: 300%;

	background: url(khibiny-pattern.gif) center center;
	background-size: contain;

	z-index: -2;
}

.logo-en {
	position: absolute;
	bottom: -1px;
	right: 5%;

	width: 100px;
}

.parallax {
	position: absolute;

	will-change: transform;
	-webkit-transition: all linear 0.1s;
	-moz-transition: all linear 0.1s;
	-o-transition: all linear 0.1s;
	transition: all linear 0.1s;
}

.wide {
	margin: 0 auto;
}

@media (max-width: 1560px) {
	.main-cover {
		height: 1000px;
	}
}

@media (min-width: 1400px) {
	.wide img{
		border-radius: 15px;
	}
}

@media (min-width: 1340px) {
	#cover-front,
	#cover-back {
		bottom: -26%;
	}
}

@media (max-width: 1350px) {
	#cover-front,
	#cover-back {
		width: 1350px;
	}
}

@media (max-width: 980px) {
	.main-cover {
		height: 940px;
	}
}

@media (max-width: 900px) {
	.main-cover {
		height: 750px;
	}

	#cover-front,
	#cover-back {
		width: 850px;
	}
}

@media (max-width: 800px) {
	.main-cover {
		height: 700px;
	}

	#cover-front,
	#cover-back {
		width: 750px;
	}
}

@media (max-width: 750px) {
	.main-cover {
		height: 650px;
	}
}

@media (max-width: 700px) {
	.main-cover {
		height: 600px;
	}
}

@media (max-width: 880px) {
	#icons {
		margin: 10px 20px 20px !important;
	}
}

@media (max-width: 717px) {
	#cover-front,
	#cover-back {
		width: 690px;
	}
}