.cmetvideocontent {
width: 1200px!important;
position:relative!important;
height:675px;
margin-left:-40px;
margin-top:-8px;
margin-bottom: 0px;
float:left;
}

.cmetvideo {
width: 1200px!important;
height:675px!important;
border:0px!important;
}

.vidbutton {
font-family: 'Open Sans', sans-serif!important;
font-size: 18px;
font-weight: 400;
color: #000;
position: absolute!important;
top: 40px!important;
right: 30px!important;
width: 264px;
height: 67px;
background-image: url('../../SiteAssets/images/desktop-button.png');
background-size: 264px 67px; 
}

.vidbutton:hover {
background-image: url('../../SiteAssets/images/desktop-button2.png')!important;
background-size: 264px 67px; 
       }




#homepage-layout-container-overlay {
	float:left;
	position: relative;
	text-align:center;
	z-index: 2;
	margin-top: -106px;
	margin-left:480px;
	font-size:2em;
	border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
background-color:#E94F36;
}

.cmetbutton {
margin-left:auto;
margin-right:auto;
padding:10px;
width:132px;
height:24px;
background-image: url("../../SiteAssets/images/find-out-more-small.png");
background-repeat: no-repeat;
background-position: center; 
}



#homepage-layout-container-overlay a {
	color: #fff;
	text-decoration: none;
}

#homepage-layout-container-overlay a:hover {
	  }

  
#main-content-placeholder-full-width-home {
    background-color:#fff;
    clear:left;
    margin-bottom: 30px;   
}

#main-content-placeholder-full-width {
    background-color:#fff;
    z-index:-999999!important;
 }
 .vid {
	margin-top: -40px!important;
}
 
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.cmetvideocontent {
width: 1100px!important;
height: 615px!important;
margin-left:0px!important;
margin-top: 0px!important;
background-color: red;
margin-bottom: 35px!important;
}

.cmetvideo {
width: 1100px!important;
height: 615px!important;

}

#homepage-layout-container-overlay {
	
	}

}

/* Smartphones (portrait and landscape) ---------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px)   {

.cmetvideocontent {
width: 1100px!important;
height:850px!important;
margin-left:0px;
margin-top: 0px;
background-color: transparent;
}

.cmetvideo {
width: 1100px!important;
height:620px!important;
}

#homepage-layout-container-overlay {
float:left;
	position: relative;
	text-align:center;
	z-index: 2;
	margin-top: -116px;
	margin-left:320px;
	font-size:2em;
	border-radius: 3px; 
-moz-border-radius: 3px; 
-webkit-border-radius: 3px; 
background-color:#E94F36;
}



.cmetbutton {
margin-left:auto;
margin-right:auto;
padding:10px;
width:400px;
height:73px;
background-size: 400px 73px;
background-image: url("../../SiteAssets/images/find-out-more-retina.png");
background-repeat: no-repeat;
background-position: center; 
}

.vidbutton {
font-family: 'Open Sans', sans-serif!important;
font-size: 18px;
font-weight: 400;
color: #000;
position: absolute!important;
top: 640px!important;
left: 0px!important;
width: 100%;
height: 200px;
background-image: url('../../SiteAssets/images/watch-mobile.gif');
background-size: 1100px 200px; 
}

.vidbutton:hover {
background-image: url('../../SiteAssets/images/watch-mobile.gif')!important;
background-size: 1100px 200px!important;
       }


}