#company {width:100%;  text-align:center; height:100vh; }
#company .top{position:absolute; top:0; width:100%; height:100%;	 background:url(../img/img1.png) no-repeat center top; }
#company .top_on {background:url(../img/img1_on.png) no-repeat center top;  transition:all 0.3s}
#company .bottom{position:absolute; bottom:10px; width:100%; height:100%; 	 background:url(../img/img2.png) no-repeat center 95%;  transition:all 0.3s}
#company .bottom_on { background:url(../img/img2_on.png) no-repeat center 95%;  transition:all 0.3s}

#company .btn {position:absolute; left:52%; top:66%; transform:translate(-50%,-50%); z-index: 9999;  transition:all 0.3s}
#company .btn img {vertical-align:top; width:180px}
#company .btn .bt2 {display:none;}
#company .btn_on .bt2 {display:block; }
#company .btn_on .bt1 {display:none;}
#company .btn a{display:block;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
#company .top {background-size:cover !important;  background:url(../img/img1_m.png) no-repeat center 60px;}
#company .top_on {background-size:cover !important;   background:url(../img/img1_on_m.png) no-repeat center 60px; }
#company .bottom,
#company .bottom_on { background-size:700px auto;  background-position:center 90%;}

#company .btn { left:50%; top:65%; transform:translate(-50%,-50%); z-index: 9999;  transition:all 0.3s}
#company .btn img {width:100px; }
}
@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}