/*section 1-home*/
img.background_image_section1_d {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1250px;
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
  /* Set up positioning */
  position:relative;
  top: 0;
  left: 0;
}
img.background_image_section1_m {
    width:100%;
    height:auto;
    position:relative;
    top: 0;
    left: 0;
}
@media screen and (max-width: 1250px) { /* Specific to this particular image */
	img.background_image_section1_d {
  		min-width: 1250px;
		left: 50%;
		margin-left: -625px;   /* 50% */
	}
}
#section_Home .character_holder{
    position:absolute;
    height: 100%;
    width:100%;
    margin: auto;
    z-index: 4;
	left: 5%;
}
#section_Home .character_holder img{
    position:absolute;
    display: inline-block;
    height:100%;
    bottom:0px;
}

.video_holder{
	display: inline-block;
	width:50%;
	height:160%;
	position:relative;
    margin-bottom:7%;
}
.video_btn{
	display: inline-block;
	margin-top:20%;
	width:20%;
	z-index: 4;
}
.video_banner{
	display: inline-block;
	margin-top:55%;
	width:100%;
	z-index: 3;
}
.video_thumb{
	display: inline-block;
	margin-top:2%;
	width:96%;
	z-index: 2;
}
.video_frame{
	display: inline-block;
	width:100%;
	z-index: 1;
}
._desktop{
	display: block;
}
._mobile{
	display: none;
}
@media screen and (max-width: 1700px) {
	#section_Home .character_holder{
		left: 2%;
	}
	.video_holder{
	    margin-bottom:5%;
	}
}
@media screen and (max-width: 1600px) {
	#section_Home .character_holder{
		left: 0%;
	}
	.video_holder{
	    margin-bottom:3%;
	}
}
@media screen and (max-width: 1500px) {
	.video_holder{
	    margin-bottom:1%;
	}
}
@media screen and (max-width: 1450px) {
	#section_Home .character_holder{
		left: 3%;
	}
	.video_holder{
	    margin-bottom:-3%;
	}
}
@media screen and (max-width: 1300px) {
	.video_holder{
	    margin-bottom:-7%;
	}
}
@media screen and (max-width: 814px) {
	.video_holder{
	    width:45%;
	}
	#section_Home .character_holder{
		left: 0%;
	}
}
@media screen and (max-width: 687px) {
	#section_Home .character_holder img{
	    left:-40px;
	}
}
@media screen and (max-width: 654px) {
	._desktop{
		display: none;
	}
	._mobile{
		display: block;
	}

	#section_Home .character_holder img{
	    position: absolute;
	    margin:auto;
	    top:0;
	    left:-7%;
	    width:110%;
	    height: auto;
	}
	.video_holder{
	    margin-bottom:0%;
	    width:40%;
	    top:250px;
	}
}
@media screen and (max-width: 500px) {
	#section_Home .character_holder img{
	    position: absolute;
	    margin:auto;
	    top:0;
	    left:-20%;
	    width:130%;
	    height: auto;
	}
}