.top{
	position: relative;
	text-align: center;
	padding: 3rem 1rem 62rem;
	z-index: 98;
		background: url($img_dir + 'top_bg.jpg') no-repeat left center;
			background-size: cover;	
	.back{
			background: url($img_dir + 'top_bg.jpg') no-repeat left center;
			background-size: cover;	
			&.blur{
		+.rock{
			transform: translateX(200px);
		}
	}
		}
	@include br1{
		padding: 3rem 1rem 50em;
		overflow-x: hidden;
	}
	.rock{
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 100;
		transition: ease 1s;
		transform: translateX(0);
		@media screen and(max-width: 1050px){
			right: -10rem;
		}
		@include br1{
			right: -18rem;
		}
		@include br3{
			right: -10rem;
		}
	}
	.logo{
		position: relative;
		z-index: 100;
	}
}