h1, h2, h3, h4, h5, h6 {font-weight:600;}
html, body {font-size:1rem;}
body *:hover {
	transition: .1s ease-out; transition-delay: 0.05s;
}

h1 {
  font-size: clamp(2rem, 4vw + 1rem, 4rem);
}
h2 {
  font-size: clamp(1.8rem, 3vw + 1rem, 2rem);
}
h3 {
  font-size: clamp(1.6rem, 2.5vw + 1rem, 1.9rem);
}
h4 {
  font-size: clamp(1.5rem, 2vw + 0.5rem, 1.5rem);
}
h5 {
  font-size: clamp(1.4rem, 1.5vw + 0.5rem, 1.4rem);
}
h6 {
  font-size: clamp(1.2rem, 1vw + 0.5rem, 1.2rem);
}

/* Вспомогательные медиа-запросы для тонкой настройки */
@media (max-width: 480px) {
  h1 {
    font-size: clamp(1.8rem, 5vw + 1rem, 2rem);
  }
  h2 {
    font-size: clamp(1.6rem, 4vw + 1rem, 1.8rem);
  }
  h3 {
    font-size: clamp(1.4rem, 3.5vw + 1rem, 1.6rem);
  }
}
@media (min-width: 1200px) {
    .container {
        width: 90vw;
		max-width: 1520px;
    }
}
header {background: #171717;}
header .row {
    display: flex;
    flex-direction: row;
    align-items: center;
	padding-top:1rem;
}
@media (min-width: 768px) {
    header .row .navbar-nav>li {
        float: none;
    }
	.img-responsive {
    display: block;
    max-width: 90%;
    height: auto;
}
}
@media (min-width: 768px) {
    header .row .nav.navbar-nav {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
        align-content: flex-end;

	}
}
@media (min-width: 768px) {
    header .row .navbar-nav {
        float: none;
        margin: 0;
    }
	header #menu .nav > li {
		position:relative;
		right:6%;
	}
	header #menu .svyz_header {
		position:relative;
		left:4%;
	}
}
#menu {
    background-color: transparent;
}
#menu .nav > li > a { 
	padding: 2px 0;
}
#menu .nav > li > a:hover { 
	color: #82a8cc;
}
.svyz_header .btn {
	padding:1rem 1.8rem !important;
	background-color:#f8f6f8;
	border-radius:0.5rem;
	color:#171717 !important;
}
.svyz_header .btn:hover {
	padding:1rem 1.8rem !important;
	background-color:#f8f6f8 !important;
	border-radius:0.5rem;
	color:#171717 !important;
	border-bottom:none !important;
	opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;
}
body {
	background-image:url("../image/fon.jpg"); 
	background-position:center center; 
	background-repeat:no-repeat; 
	background-size: cover;
	background-attachment: fixed;
}
#content, #content h1, #content h2, #content h3 {
	color:#fefefe;
}

/*FOOTER*/
.powered {
	display:block;
	text-align:center;
	padding-bottom:10px;
	opacity: 0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;
}
footer .list-unstyled li {
	
}
.logo_footer {
	max-width:80%;
}
.otstup {
	margin-bottom:0.8rem;
}
.socsety {
	padding-top: 1rem;
	max-width:80%;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.socsety a {
	
}
.socsety img {
	opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); -moz-opacity: 0.6; -khtml-opacity: 0.6;
	max-width:80%;
}
.socsety img:hover {
	opacity: 1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1;
}


.breadcrumb {
    background-color: #5a697030;
	margin: 15px 0 20px 0;
}

.katalog {
	font-size:clamp(16px, 3vw, 24px);
}