.back-img{
	background-image:url("../images/christmas.jpg");
	background-repeat:no-repeat;
	background-position:center;
	background-size: 100%;
    height: 100%;
}

#timeContainer span{
    font-size: 45px;
    border: solid 1px #000;
    padding: 10px;
    border-radius: 13px;
    background: rgba(0,0,0, 0.5);
    color: #fff;
}
.containeryoutube {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.outer-cont{
    padding-top: 7%;
	position:relative;
}

.title-year{
	position: absolute;
	top: 2%;
	left: 37%;
	font-size: 45px;
	font-weight: bold;
	color: #fff;
	-o-text-shadow: 3px 3px 3px #000;
	-moz-text-shadow: 3px 3px 3px #000;
	-webkit-text-shadow: 3px 3px 3px #000;
	text-shadow: 3px 3px 3px #000;
}
.position-relative{
	position:relative;
}
.ad-div{
	position:absolute;
	right:1%;
	top:2%;
}

#newyear-div{
    position: absolute;
	top: 12%;
	left: 32%;
}
.img-christ{
	width:100%;
	height:100%;
}











/* ----------- iPhone 4 and 4S ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
.ad-div{
	display:none;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
.ad-div{
	display:none;
}
.title-year{
	top: 2%;
	left: 10%;
	font-size: 36px;
}
#newyear-div{
	left: 2%;
}
#timeContainer span{
	font-size: 27px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .ad-div{
	display:none;
}
#timeContainer span{
	font-size: 36px;
}
.title-year{
	top: 2%;
	left: 25%;
	font-size: 36px;
}
#newyear-div{
	top:15%;
	left: 15%;
}
}

/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {
.ad-div{
	display:none;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	  .ad-div{
	display:none;
}
.title-year{
	top: 2%;
	left: 10%;
	font-size: 36px;
}
#newyear-div{
	left: 2%;
}
#timeContainer span{
	font-size: 27px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .ad-div{
	display:none;
}
#timeContainer span{
	font-size: 36px;
}
.title-year{
	top: 2%;
	left: 25%;
	font-size: 36px;
}
#newyear-div{
	top:15%;
	left: 15%;
}
}

/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2) { 
  .ad-div{
	display:none;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) { 
  .ad-div{
	display:none;
}
.title-year{
	top: 2%;
	left: 10%;
	font-size: 36px;
}
#newyear-div{
	left: 2%;
}
#timeContainer span{
	font-size: 27px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) { 
.ad-div{
	display:none;
}
#timeContainer span{
	font-size: 36px;
}
.title-year{
	top: 2%;
	left: 25%;
	font-size: 36px;
}
#newyear-div{
	top:15%;
	left: 15%;
}
}

/* ----------- iPhone 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.ad-div{
	display:none;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.ad-div{
	display:none;
}
.title-year{
	top: 2%;
	left: 10%;
	font-size: 36px;
}
#newyear-div{
	left: 2%;
}
#timeContainer span{
	font-size: 27px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 414px) 
  and (max-device-width: 736px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.ad-div{
	display:none;
}
#timeContainer span{
	font-size: 36px;
}
.title-year{
	top: 2%;
	left: 25%;
	font-size: 36px;
}
#newyear-div{
	top:15%;
	left: 15%;
}
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3) { 
.ad-div{
	display:none;
}

}

/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) { 
.ad-div{
	display:none;
}
.title-year{
	top: 2%;
	left: 10%;
	font-size: 36px;
}
#newyear-div{
	left: 2%;
}
#timeContainer span{
	font-size: 27px;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 812px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) { 
.ad-div{
	display:none;
}
#timeContainer span{
	font-size: 36px;
}
.title-year{
	top: 2%;
	left: 25%;
	font-size: 36px;
}
#newyear-div{
	top:15%;
	left: 15%;
}
}