div.center {
 display:inline-block;
 vertical-align: middle;
 position: relative;
}
#head {
		display: block;
		overflow: hidden;
		position: absolute;
  	 	left: 20px;
     	clip: rect(0px, 708px, 225px, 1px);
	}
#head img{

}
.under-head{
	position: absolute;
	margin-top: 112px;
    left: 20px;
   }
#image1{
	position: relative;
  clip-path:polygon(51% 11%, 62% 12%, 70% 14%, 77% 17%, 84% 21%, 90% 26%, 95% 23%, 100% 28%, 100% 48%, 81% 85%, 20% 85%, 2% 53%, 1% 26%, 10% 26%, 16% 21%, 23% 17%, 30% 14%, 38% 12%, 49% 11%);
}
#image2{
	position: absolute;
	left: 169px;
    margin-top: 183px;
}
#left-piece {
	display: inline-block;
	overflow: hidden;
	position: absolute;
	margin-top: 73px;
    left: -26px;
}
#right-piece{
	display: inline-block;
	overflow: hidden;
	position: absolute;
	margin-top: 73px;
  	left: 426px;
}
#left-piece2{
	overflow: hidden;
    position: absolute;
    margin-top: 229px;
    left: -50px;
}
#right-piece2{
	overflow: hidden;
    position: absolute;
    margin-top: 229px;
    left: 629px;
}
.bottom{
	overflow: hidden;
	display: block;
}
.bottom img{
	margin-top: 308px;
	left: 199px;
}
#on-bottom{
	display: block;
	overflow: hidden;
	margin-top: 319px;
    left: 318px;
    position: absolute;
    clip-path: polygon(5% 0, 100% 0%, 100% 100%, 5% 100%);
}
.on-bottom img{

}
#button{
	overflow: hidden;
	display: block;
	position: absolute;
    left: 347px;
    margin-top: 355px;
}
.button img {

}
.col-sm-1half {
        width: 3.16666667%;
 }
@media screen and (min-width: 1200px) and (max-height: 800px) {
    .main{
        transform: scale(0.7) !important;
    }
}
@media screen and  (min-width:1440.10px) and (max-width:2560px) {
    #left-piece2{
        left:0px;
    }
    #left-piece{
        left: 24px;
    }
    #right-piece2{
        left: 679px;
    }
    #right-piece{
        left: 476px;
    }
    .under-head{
        left:70px;
    }
    #head{
        left:70px;
    }
    #on-bottom{
        left:368px;
    }
    #button{
        left:397px;
    }

}