.bg{
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    object-fit: cover;
    z-index: -1;
}
.banner-video {
	width: 100%;
}
.home-header {
	position: absolute;
	top: 4vw;
    left: 0px;
    z-index: 1;
    width: 100%;
    height: calc(100% - 4vw);
}
.home-header:before {
	/* content: ''; */
	/* display: block; */
	/* position: absolute; */
	/* top: 0; */
	/* left: 0px; */
	/* z-index: 2; */
	/* width: 100%; */
	/* height: 100%;	 */
/* background: transparent linear-gradient(270deg, #F08CA200 0%, #310610 100%) 0% 0% no-repeat padding-box; */
/* mix-blend-mode: multiply; */
/* opacity: 0.38; */
}
.top-page{
    position: initial;
	backdrop-filter: initial;	
}
.body-content{
    width: 50%;
	margin-top: 1vw;
    color: #fff;	
}
.body-content h3{
    margin-top: 0px;
    margin-bottom: 2vw;
    font-size: 1.15vw;
    font-weight: 400;
	color:#fff;
}
.body-content h1{
    max-width: 95%;	
    font-size: 3.75vw;
    text-shadow: 0px 0px 60px #6F228299;
    letter-spacing: 0.72px;
	font-weight: 700;		
}
.body-content p{
    font-size: 1.05vw;
    letter-spacing: 0.8px;
    text-shadow: 0px 0px 3vw #31003d;
    line-height: 1.5;
    margin-bottom: 1vw;
}
.body-content .button{
    margin-top: 0.5vw;	
    text-transform: uppercase;
    color: #333333;
    font-size: 1vw;
    padding: 1vw 1.6vw;
    background-color: #fff;
    border-radius: 0.8vw;
    border: 1px solid transparent;
    font-weight: bold;
    cursor: pointer;
	transition: 0.35s;
}
.body-content .button:hover,
.body-content .button:active,
.body-content .button:focus
{
	border: 1px solid #8E74B4;
    box-shadow: 0 0 20px #8E74B4;
}
@media (max-width:767px){
    .section-home {
		overflow-x: hidden;	
	}
	.banner-video {
	  width: auto;
	  height: 100vh;
	}
	.home-header {
	  position: absolute;
	  top: 50px;
	}
	.body-content{
        width: 100%;
		text-align: center;
    }
    .body-content h3{
        font-size: 14px;
		font-weight: 700;		
    }
    .body-content h1{
		max-width: 100%;
		margin-bottom: 20px;
		margin-top: 10px;		
        font-size: 28px;
    }
    .body-content p {
		margin-bottom: 20px;		
		font-weight: 700;
        font-size: 14px;
		text-shadow: 0px 0px 40px rgba(0,0,0,0.3);
    }
    .body-content .button{
		margin-top: 10px;
		margin-left: -15px;
		margin-right: -15px;
        font-size: 14px;
    }
}