@charset "utf-8";
/* CSS Document */

.gif{
	display:block;
	position: relative;
    width: 100%;
    height:756px;
    
}

.gif img{
	position:absolute;
   top:50%;
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);
}

.gif_resp{
	display:none;
}

@media (max-width:767px) {
	
	.gif{
		display:none;
	}
	
.gif_resp{
	display:block;	
	position: relative;
    width: 100%;
    height:50%;
	}
	
	
.gif_resp img{	
	position:absolute;
   top:50%;
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);
}
}


@media (max-width:567px) {
	
.gif{
		display:none;
	}
	
.gif_resp{
	display:block;	
	position: relative;
    width: 100%;
    height:auto;
	}
	
.gif_resp img{	
 	width: 100%;
    height:auto;
	position:relative;
   top:auto;
   left:auto;
   -webkit-transform:none; 
   -moz-transform: none; 
   -ms-transform: none; 
   -o-transform: none; 
   transform:none; 
}

}