.index {
 height:100vh;
 background:url(../img/home1920.jpg) no-repeat center;
 background-size:cover;
 display:flex;
 align-items:center;
 position:relative
}
.index .header__container {
 position:relative;
 z-index:5;
 max-width:550px
}
.index h1,
.index h2,
.index h3 {
/* font-family:'AvenirNextCyr',sans-serif;*/
 font-size:56px;
 line-height:67px;
 color:#fff;
 text-transform:uppercase;
 margin-top:-190px
}
@media screen and (max-width:1480px) {
 .index {
  background:url(../img/home1920.jpg) no-repeat center right;
  background-size:cover;
  padding-top:15px;
  height:100vh;
  overflow:hidden
 }
 .index h1,
 .index h2,
 .index h3 {
  font-size:40px;
  line-height:48px;
  margin-top:-165px
 }
}
@media screen and (max-width:1280px) {
 .index {
  background:url(../img/home1920.jpg) no-repeat center;
  background-size:cover;
  padding-top:15px;
  height:100vh;
  overflow:hidden
 }
 .index h1,
 .index h2,
 .index h3 {
  font-size:40px;
  line-height:48px;
  margin-top:-165px
 }
}
@media screen and (max-width:1200px) {
 .index .main__banner {
  position:absolute;
  height:220px;
  width:650px;
  top:322px;
  right:-130px
 }
}
@media screen and (max-width:980px) {
 .index {
  background:url(../img/index_mob.png) no-repeat left center;
  background-size:cover
 }
 .index .header__container {
  margin:0 auto
 }
 .index h1,
 .index h2,
 .index h3 {
  text-align:center
 }
 .index .main__banner {
  display:none
 }
}