/* COMMON START */
	.page-404 {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-direction: column;
		align-items: center;
		position: relative;
		padding: 56vh 0 8rem;
		width: 100%;
		height: 100vh;
		text-align: center;
		background: url('../img/404-bg.jpg') no-repeat 50%/cover;
		z-index: 1;
	}

	.page-404 a img { width: 100%; }

	.page-404 .logo-vyaz {
		position: absolute;
		top: 1.5rem;
		left: 3rem;
		width: 18.875rem;
		height: 6.0625rem;
	}

	.page-404 .logo-abi {
		position: absolute;
		top: 0;
		left: 50%;
		width: 9rem;
		transform: translate(-50%, 0);
	}

	.page-404 .title {
		position: absolute;
		top: 5vh;
		left: 0;
		width: 100%;
		z-index: -1;
	}

	.page-404 p {
		margin-bottom: 1rem;
		color: #000;
		font: 300 1.375rem/2.5rem "Raleway", Arial, sans-serif;
	}

	.page-404 .img {
		position: absolute;
		top: 5vh;
		left: 55%;
		width: auto;
		height: 90vh;
		transform: translate(-50%, 0);
		z-index: -1;
	}

	.page-404 .img img { width: auto; height: 100%; }
/* COMMON END */

@media (max-width: 1024px) {
	.page-404 {
		padding: 12.75rem 0 0;
		height: 96rem;
		background-image: url('../img/404-bg-mob.jpg');
	}

	.page-404 .logo-vyaz {
		top: 2.5rem;
		left: 2.5rem;
		width: 18.75rem;
		height: auto;
	}

	.page-404 .logo-abi { width: 11.5rem; }

	.page-404 .title {
		position: relative;
		top: 0;
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.page-404 p {
		margin-bottom: 1rem;
		font-size: 3.1875rem;
		line-height: 8rem;
	}

	.page-404 .btn { width: 39.25rem; height: 11rem; }

	.page-404 .img {
		top: 44.625rem;
		left: auto;
		right: 0;
		width: 59.375rem;
		height: auto;
		transform: translate(0, 0);
	}

	.page-404 .img img { width: 100%; height: auto; }
}