.icon {
  display: inline-block;
  background-image: url(spritesheet-last.png);
  background-position: 0px 0px;
  width: 290px;
  height: 946px;
}

.icon-home{
	position: fixed;
    top: 20vh;
	right: 0.3rem;
	z-index: -1;
}
.icon-home.hidden-buttle.mobile-buttle{
		display: none;
}
/*.icon-home .icon{
	transform: scale(0.87);
}*/
@media screen and (max-width:1600px){
	.icon-home .icon{
		transform: scale(0.7);
	}
}
@media screen and (max-width:1310px){
	.icon-home .icon{
		transform: scale(0.7);
	}
}
@media screen and (max-width:1230px){
	.icon-home .icon{
		transform: scale(0.6);
	}
}
@media screen and (max-width:1200px){
	.icon-home .icon{
		transform: scale(0.67);
	}
	.icon-home.visible-buttle.desctop-buttle{
		display: none;
	}
	.hero-buttle-block{
		position: relative;
		overflow: hidden;
		height: 100vh;
	}
}
@media screen and (max-width:1200px) and (min-height: 521px){
	.icon-home.hidden-buttle.mobile-buttle{
		display: block;
		position: absolute;
		/*top: 5rem;*/
	}
}
@media screen and (max-width:1200px) and (max-height: 520px){
	.icon-home.hidden-buttle.mobile-buttle {
		display: block;
		position: absolute;
		/* left: 0px; */
		top: -10rem;
		transform: scale(0.5);
		right: -3rem!important;
	}
}
@media screen and (min-width:767px) and (max-width:1200px){
	.icon-home.hidden-buttle.mobile-buttle {
		display: block;
		position: absolute;
		/* left: 0px; */
		top: 0rem;
		transform: scale(0.8);
		right: -3rem!important;
	}
}
@media screen and (max-width:600px){
	.icon-home .icon{
		transform: scale(0.5);
	}
	.icon-home{
		position: absolute;
		top: 5vh;
		left: 0px;
		right: 3rem;
	}
}

@media screen and (min-width:1980px){
	.icon-home{
		top: 10rem;
		position: fixed;
		z-index: -1;
		right: 10rem;
	}
	
}
@media screen and (min-width:2500px){
	.icon-home .icon{
		transform: scale(1.2);
	}
}