.ba-video-banner {
    position: relative;
	background: #1C1C1C;
    height: 100vh; 
    overflow: hidden;
}

.ba-video-banner__media {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    clip-path: inset(0 0 0 0);
}
.ba-video-banner__video,
.ba-video-banner__image {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

 

.ba-video-banner__content {
    padding: 120px 0;
    background: #fff;
}
.ba-video-banner{
    position: relative;
    overflow: hidden;
}

.ba-video-banner__title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    text-align: center;
    width: 100%;
    max-width: 90%;
	    font-family: 'Proxima Nova';
    font-weight: 100;
    text-transform: uppercase;
    font-size: 93px;
    letter-spacing: 4.37px;
    line-height: 93px;
    color: #FFFFFF;
}

 


.ba-video-banner__title {
    text-transform: uppercase;
    line-height: 1;
}

.ba-video-banner__title-top {
     font-size: 57px;
    letter-spacing: 2.68px;
    line-height: 57px;
    font-family: 'Proxima Nova';
    font-weight: 100;
	    display: block;
}

.ba-video-banner__title-bottom {
  font-size: 57px;
    letter-spacing: -1.43px;
    line-height: 57px;
    font-family: 'Didot';
    font-style: italic;
	 display: block;
}
.ba-video-banner__scroll{
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    color: #fff;
    font-size: 32px;
}


@media all and (max-width: 980px) {
 .ba-video-banner__title-top {
    font-size: 45px;
    letter-spacing: 2.4px;
    line-height: 45px;
    font-family: 'Proxima Nova';
    font-weight: 100;
    display: block;
}
	.ba-video-banner__title-bottom {
    font-size: 45px;
    letter-spacing: -1.27px;
    line-height: 45px;
    font-family: 'Didot';
    font-style: italic;
    display: block;
}
}