.bannerVideo
{
	width:1250px;
	height:520px;
	margin-left:auto;
	margin-right:auto;
	display:inline-block;
	position:relative;
	overflow:hidden;
	margin-bottom:20px;
	margin-top:20px;
	border: 10px #c3002f solid;
	max-width:100%;
}

.bannerVideoYTContainer
{
margin-top: -20px;
position: relative;
height: 500px;	
width:100%;
}
.bannerVideo .videoWrapper
{
	.bannerVideo .videoWrapper {
    width: 100%;
    height: 500px;
    padding: 0 0 30.5%;
    overflow: hidden;
    position: relative;
    margin: 0;
}
}

.bannerVideo .videoWrapper iframe {
   position: absolute;
top: -39%;
left: 0;
height: 185%;
width: 100%;
}


.bannerVideo .bannerVideoDivText
{
	
	width: 400px;
	position: absolute;
	z-index: 60;
	top: 100px;
	left: 0;
	background: rgba(0,0,0,.2);
	text-align:left;
	padding:15px;
	color:#fff;
}

.bannerVideoTitle em
{
   
    text-transform: uppercase;
    color: #fff;
	text-align: left;
}

#mute
{
	position: absolute;
z-index: 100;
top: 0;
right: 0;
cursor: pointer;
width: 100px;
height: 50px;
background-image: url(../images/son-off.webp);
background-repeat: no-repeat;
background-position: 50%;
}

#mute.videomuted
{
	position: absolute;
z-index: 11;
top: 0;
right: 0;
cursor: pointer;
width: 100px;
height: 50px;
background-image: url(../images/son-on.webp);
background-repeat: no-repeat;
background-position: 50%;
}


@media only screen and (max-width: 900px) {
		.bannerVideo
{
	width:80%;
	height:320px;
}
.bannerVideoTitle em{
	font-size:25px;
	}
	.bannerVideo .bannerVideoDivText
{

	top:30px;
}
}

@media only screen and (max-width: 600px) {
	.bannerVideo
{
	width:100%;
	height:250px;
}
	.bannerVideoTitle em{
	font-size: 17px;
line-height: 17px;
margin-bottom: 0;
	}
	h1 {
    font-size: 32px;
    margin-bottom: 0;
}

#cta-Banner
{
	top:240px;
	bottom:auto;
}
	.bannerVideo .bannerVideoDivText {
    font-size: 10px;
    width: 100%;
	height: 100%;
    top: 0px;
    margin-bottom: 0;
    padding-bottom: 0;
	}

.home-categories__title
{
	font-size:40px;
}
}