*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

@font-face {
  font-family: 'BLAGOVEST Regular';
  src: url('fonts/BLAGOVEST.woff2') format('woff2'),
       url('fonts/BLAGOVEST.woff') format('woff'),
	   url('fonts/BLAGOVEST.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

:root {
  --base-font: 'Bahnschrift', 'Segoe UI', sans-serif;
  --heading-font: 'BLAGOVEST Regular', serif;
  --black: #000;
  --white: #fff;
  --red: #a51513
}

::selection {
  background-color: var(--red); /* Цвет фона выделения */
  color: var(--white); /* Цвет текста при выделении */
}
html { scroll-behavior: smooth; }

body {
  font-family: var(--base-font);
  background: var(--black);
  color: var(--white);
  overflow-x: hidden;
}

/* ─── HEADER ─────────────────────────────────── */
.zaglushka {
    display: flex;
    justify-content: center;
    height: 100vh;
    align-items: center;
}
.banner-bg {
  position: absolute;
  inset: 0;
  background: url(img/fon.jpg) #000 center no-repeat;
  z-index: -1;
}
.info {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}
.info-logo {
	width: 195px;
    height: 227px;
    background: url(img/logo.png) center no-repeat;
	margin-bottom: 30px;
}
.info-text {
	font-size: 16px;
	text-transform: uppercase;
}
.info-title {
  font-family: var(--heading-font);
  font-size: 58px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin: 10px 0 20px;
}
.info-icon {
    display: flex;
    justify-content: space-around;
    width: 100%;
	font-size: 15px;
	margin-bottom: 20px;
}
.info-icon a {
	display: flex;
    align-items: center;
	color: var(--white);
	text-decoration: none;
	transition: all 0.25s;
}
.info-icon a:hover {
	opacity: 0.8; 
}
.info-icon img {
	padding-right: 10px;
}
.info-text2 {
  position: relative; 
  margin-top: 30px;
  font-size: 20px;
  font-weight: 700;
}
.info-text2::before {
    content: '';
    display: block;
    width: 156px;
    height: 1px;
    background: var(--white);
    margin: 0 auto 40px;
}
@media (max-width: 600px) {
    .info-logo {
        width: 150px;
		height: 180px;
        background-image: url(img/logo.png);
        background-size: contain;
        background-position: bottom;
        background-repeat: no-repeat;
    }
	.info-title {
    font-size: 52px;
    text-align: center;
}
.info-icon {
    flex-direction: column;
    align-items: center;
	margin-bottom: 0px;
}
.info-icon-vk {
margin: 10px 0 0 10px;
}
.info-text2 {
    margin-top: 20px;
	font-size: 17px;
}
.info-text2::before {
    margin: 0 auto 20px;
}
}