body {
	background-size: 100%;	
 	background-repeat: no-repeat;
   	/*max-height: 50%;*/
   	 
   	 margin:0 ;
   	 padding: 0 ;

}


@media (min-width:320px)  { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */	.wrapper{height: 250px;} }
@media (min-width:480px)  { /* smartphones, Android phones, landscape iPhone */ .wrapper{height: 300px;}}
@media (min-width:600px)  { /* portrait tablets, portrait iPad, e-readers (Nook/Kindle), landscape 800x480 phones (Android) */	.wrapper{height: 420px;} }
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 	.wrapper{height: 550px;}}
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ .wrapper{height: 650px;}}
@media (min-width:1281px) { /* hi-res laptops and desktops */ .wrapper{height: 750px;}}



.wrapper{
	margin: 0.1vh auto 0;
	position: relative;
	width: 100%;
	display:block;
	clear: both;
}

.bg{
	
}
.globe {
	position: absolute;
	width: 100%;
	margin:0;
	z-index: 1;
	margin-top: -20px;
  
    
}

.huizen{
	position: absolute;
    width: 102%;
    margin-top: 10%;
    z-index: 1;
}



.kerstboom_groot{
	position: absolute;
	width: 48%;
	left: 23.9%;
    z-index: 3;
    
}

canvas#snow {
	max-width: none;
	position: absolute;
	top:0px;
	left: 0px;
	z-index: -1;

}

.snow {
/*  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 4;
  border-radius: 50%;
  margin-top:5%; */
}

.snow-grond{
 	position: absolute;
 	left: 0.01%;
	width: 100%;
	z-index: 2;
	margin-top:46.3%;
}

.inhoud_bol{
	position: absolute;
	width: 100%;
	margin-top:37%;
    z-index: 3;
}

.strik{
	position: absolute;
	width: 104.2%;
	left:-2%;
	margin-top:53%;
	padding-bottom: 20px;
    z-index: 5;
}

.bottom{
	position: relative;
	top:104vh;
}

.grey-block{

	position: absolute;
	width: 100%;
	z-index: 1;
	/*margin-top:109vh;*/

}

  .ie-dependant {
  display:none;
    }

    body.ie11 .ie-dependant.ie11 {
      display: block;
      margin: 0 auto;
      width: 20%;
    }

    body.ie10 .ie-dependant.ie10 {
      display: block;
    }
    
   body.animatieboom .ie-dependant.animatieboom {
      display: block;
    }
    
   


div.ie-dependant.ie11 img.kerstboom_groot {
	width: 24%;
    left: 38%;
}

div.ie-dependant.ie10 img.kerstboom_groot {
	width: 24%;
    left: 38%;
}