.main-section{height:100vh;position:relative;padding-bottom:15vh;align-content:end}
.bc{height:70%;width:100%;background:#000;position: absolute;top:0}
.bc>div{max-width:1140px;margin:0 auto;text-align:left;height: 100%}
.bc video{height: 100%;width:80%}
.c-h2{max-width: 1140px;margin:0 auto;text-align:center;align-content:center;height:calc(100% - 313px);padding-top:90px}
.c-h2 h2{color:#fff;width:50%;margin:0;position: relative;font-size:30px}
.c-h2 h2 span{display:block;font-weight:100;font-size:18px;margin-top:5px}
.body.home .citynet-app{max-width: 90% !important;}
.citynet-app{max-width:1140px !important;}
@media(max-height:600px){
    .main-section{padding-bottom:5vh}
}
@media(max-width:768px){
    .c-h2 h2{font-size:20px}
    .c-h2 h2 span{font-size:12px}
    .bc video{height: 100%;width:90%}
    .main-section{height:50vh;min-height:100vh}
    .bc{height:350px}
    .c-h2{height:350px;padding:0}

}
/*Nav*/
header{position:absolute;left:50%;translate:-50% 0;z-index:9}
#masthead .main-content{background:unset}
#main-menu a{color:#fff!important;}
.logo img{filter:contrast(0) brightness(10)}