body {
	background: url(../image/3.png) right 0px repeat;
	   margin-top: 100px;
}

.chokan {
    background: url(../image/2.png) center top no-repeat;
    width: 35%;
    height: auto;
    right: 0px;
    position: absolute;
    float: right;
    text-align: center;
    background-size: contain;
}
img.chokanlogo {
    margin-top: 244px;
    -webkit-animation-name: rotate; 
    -webkit-animation-duration:4s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-transition-timing-function: linear;
}

.sangat{
    background: url(../image/1.png) center 97px no-repeat;
    width: 38%;
    height: auto;
    float: right;
    left: 0px;
    text-align: center;
    position: absolute;
    background-size: 100% 41%;
}
img.sangetlogo {
margin-top: 225px;
    -webkit-animation-name: rotate; 
    -webkit-animation-duration: 4s; 
    -webkit-animation-iteration-count: infinite;
    -webkit-transition-timing-function: linear;
}

.logo{
background: url(../image/logo.png) center top no-repeat;
width: 100%;
height: 270px;
float: right;
margin-right: 25px;
margin-top: -60px;
}
@-webkit-keyframes rotate {
  0% { -webkit-transform: rotate(-2deg); }
  50% { -webkit-transform: rotate(2deg); }
  100% { -webkit-transform: rotate(-2deg); }


}
.btn:hover img,
.btn:focus img {
	-webkit-animation-name: spaceboots;
	-webkit-animation-duration: 0.8s;
	-webkit-transform-origin:50% 50%;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
}
@-webkit-keyframes spaceboots {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}


@media only screen and (max-width: 992px){
	.logo {
    margin-right: 0px;
    margin-top: 0px;
	float:none;
    background-size: contain;

}
.chokan , .sangat{
	background:none;
	width:100%;
	position: relative;
}
	img.chokanlogo , img.sangetlogo {
		margin-top:0px;
		width: 85%;
	}
	body {
		   margin-top: 0px;
	}
}