@font-face {
	font-family: 'AkzidenzGroteskPro-BoldCn';
	src: url('/fonts/akzidenzgroteskpro-boldcn.eot'); /* IE 9 Compatibility Mode */
	src: url('/fonts/akzidenzgroteskpro-boldcn.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/fonts/akzidenzgroteskpro-boldcn.woff2') format('woff2'), /* Super Modern Browsers */
		url('/fonts/akzidenzgroteskpro-boldcn.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/fonts/akzidenzgroteskpro-boldcn.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/fonts/akzidenzgroteskpro-boldcn.svg#akzidenzgroteskpro-boldcn') format('svg'); /* Chrome < 4, Legacy iOS */
}
@font-face {
	font-family: 'AkzidenzGroteskPro-Cn';
	src: url('/fonts/akzidenzgroteskpro-cn.eot'); /* IE 9 Compatibility Mode */
	src: url('/fonts/akzidenzgroteskpro-cn.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('/fonts/akzidenzgroteskpro-cn.woff2') format('woff2'), /* Super Modern Browsers */
		url('/fonts/akzidenzgroteskpro-cn.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('/fonts/akzidenzgroteskpro-cn.ttf') format('truetype'), /* Safari, Android, iOS */
		url('/fonts/akzidenzgroteskpro-cn.svg#akzidenzgroteskpro-cn') format('svg'); /* Chrome < 4, Legacy iOS */
}

.design {
	display: none;
	position: fixed;
    top: 0;
    left: 50%;
    height: 700px;
    translate: -50% 0;
	opacity: .5;
}

html, body {
	margin: 0;
	padding: 0;
}
body {
	background-color: #b41d22;
	background-image: url(/images/bg.jpg);
	background-size: auto 700px;
	font-family: 'AkzidenzGroteskPro-Cn', sans-serif;
	font-size: 32px;
	font-weight: normal;
	color: #fff;
}
.content {
	display: flex;
	justify-content: center;
	position: relative;
    width: 100%;
    min-height: 700px;
}
img:not([src*="logo"]) {
	display: block;
	position: absolute;
}
[src*="gorshok"] {
	top: 0;
	left: 0;
	height: 320px;
}
[src*="trezubetz"] {
	top: auto;
	bottom: 0;
	left: 0;
	height: 370px;
}
[src*="perchatka"] {
	top: auto;
	left: auto;
	bottom: 0;
	right: 0;
	height: 515px;
}
[src*="listok_sprava"] {
	top: 50%;
    left: 50%;
    transform: translate(390px, -333px);
    height: 117px;
}
[src*="listok_sleva"] {
	top: 50%;
    left: 50%;
    transform: translate(-338px, -125px);
    height: 169px;
}
.text {
	position: relative;
	display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    width: 100%;
    max-width: 1080px;
	z-index: 1;
}
.text * {
	text-align: center;
}
big {
	padding-bottom: 30px;
	font-family: 'AkzidenzGroteskPro-BoldCn';
    font-size: 65px;
    text-transform: uppercase;
    text-shadow: 0 13px 18px rgba(0,0,0,0.5);
}
small {
	display: block;
    max-width: 550px;
	padding-bottom: 50px;
	font-size: 32px;
}
[src*="logo"] {
	width: 285px;
}
h2 {
	margin: 0;
	padding: 50px 0 30px;
	font-size: 32px;
	font-weight: normal;
}
.contacts {
	display: flex;
	justify-content: space-between;
	align-items: start;
	gap: 50px;
	width: 100%;
	max-width: 700px;
	margin: 0;
	padding: 0;
	list-style: none;
}
li {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin: 0;
	padding: 0;
}
a {
	text-decoration: none;
	font-size: 25px;
	color: #fff;
}

@media screen and (max-width: 1221px) {
	.content {
		align-items: start;
		padding: 70px 0 0 0;
		min-height: 888px;
	}
	[src*="gorshok"] {
		height: auto;
		width: 30%;
		max-width: 300px;
	}
	[src*="listok_sprava"] {
		top: 30px;
		right: 50px;
		left: auto;
		transform: none;
		height: 90px;
		transform: none;
	}
	.text {
		max-width: calc(100% - 420px);
	}
	.contacts {
		width: auto;
	}
}
@media screen and (max-width: 850px) {
	[src*="gorshok"] {
		width: 285px;
		max-width: none;
	}
	.content {
		padding-top: 160px;
	}
	[src*="listok_sprava"] {
		height: 150px;
	}
	.text {
		max-width: calc(100% - 200px);
	}
	.contacts {
		flex-direction: column;
		gap: 30px;
		align-items: center;
	}
}
@media screen and (max-width: 650px) {
	.content {
		padding-top: 221px;
	}
	big {
		font-size: 45px;
	}
	[src*="perchatka"] {
		height: auto;
		width: 50%;
	}
	[src*="trezubetz"] {
		height: auto;
		width: 45%;
	}
}
@media screen and (max-width: 450px) {
	.content {
		min-height: 0;
		padding-bottom: 58vw;
	}
	[src*="gorshok"] {
		width: 50%;
	}
	[src*="listok_sprava"] {
		height: auto;
		width: calc(50% - 50px);
	}
	.text {
		max-width: calc(100% - 100px);
	}
}
@media screen and (max-width: 385px) {
	.text {
		max-width: calc(100% - 50px);
	}
}