.vs {
     position:relative;
     width: 100%;
     min-height:90vh;
     display:flex;
     justify-content: center;
     flex-direction: column;
     background:#353535;
     margin-top: 90px;
}
.vs:before {
     z-index: 777;
     content:'';
     position:absolute;
     background:rgba(255,0,0,0.5);
}
.vs video {
     z-index: 0;
     position: absolute;
     top:0;
     left:0;
     width:100%;
     height: 100%;
     object-fit: cover;
}
@media (max-width: 767px) {
     .vs video {
          width:100%;
          height: auto;
     }
}
@media (max-width: 767px) {
     .vs {
          min-height:auto;
          height: 400px;
     }
}
@media (max-width: 700px) {
     .vs {
          min-height:auto;
          height: 370px;
     }
}
@media (max-width: 650px) {
     .vs {
          min-height:auto;
          height: 340px;
     }
}
@media (max-width: 600px) {
     .vs {
          min-height:auto;
          height: 300px;
     }
}
@media (max-width: 550px) {
     .vs {
          min-height:auto;
          height: 270px;
     }
}
@media (max-width: 500px) {
     .vs {
          min-height:auto;
          height: 240px;
     }
}
@media (max-width: 415px) {
     .vs {
          min-height:auto;
          height: 190px;
     }
}
@media (max-width: 400px) {
     .vs {
          min-height:auto;
          height: 190px;
     }
}
@media (max-width: 325px) {
     .vs {
          min-height:auto;
          height: 140px;
     }
}
@media (max-width: 300px) {
     .vs {
          min-height:auto;
          height: 140px;
     }
}
#header-area {
     background: transparent;
}
.header-navigation {
     background: transparent;
}
.nav-outer {
     position: relative;
}
.nav-outer #header-area {
     position: absolute;
     width:100%;
}
.main-menu > li > a {
     color:#ffffff;
}
.sticky .main-menu > li > a {
     color: #353535;
}