#backb {
  top:50px;
}
.cont {
  min-height:100%;
  padding-top:30px;
}
.wrap {
  width:33.3333%;
  padding:14% 0;
  position:relative;
}
.wrap .abs {
  position:absolute;
  top:20px;
  right:20px;
  bottom:20px;
  left:20px;
  /overflow:hidden;
}
.wrap .abs_in {
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  transition:.3s;
  -webkit-transition:.3s;
}
.wrap .abs:hover .abs_in {
  width:110%;
  margin-left:-5%;
  height:110%;
  margin-top:-5%;
}
.wrap .abs .cell {text-align:left;}
#wrap-1, #wrap-5 {padding:28% 0;}

#wrap-6 {width:66.6667%;}
#wrap-2 {margin-top:-56%;margin-left:33.3333%;}
#wrap-3 {margin-top:-28%;margin-left:66.6667%;}
#wrap-4 {margin-left:33.3333%;}
#wrap-5 {margin-top:-28%;margin-left:66.6667%;}
#wrap-6 {margin-top:-28%;}

@media screen and (max-width:1200px) {
  .wrap {width:50%;}
  #wrap-6 {width:50%;}
  #wrap-2 {margin-top:-56%;margin-left:50%;}
  #wrap-3 {margin-top:0;margin-left:50%;}
  #wrap-4 {margin-left:0;}
  #wrap-5 {margin-top:-28%;margin-left:50%;}
  #wrap-6 {margin-top:-28%;}
}
@media screen and (max-width:1000px) {
  .wrap .abs {
    top:10px;
    right:10px;
    bottom:10px;
    left:10px;
  }
  .cont {padding-top:15px;}
  #backb {top:25px;left:10px;}
}
@media screen and (max-width:950px) {
  .wrap {
    width:100% !important;
    margin-left:0 !important;
    margin-top:0 !important;
    padding:33% 0 !important;
  }
  .wrap .abs .cell {
	text-align:center !important;
  }
  #wrap-2, #wrap-6 {padding:0 !important;}
  #wrap-2 .abs, #wrap-6 .abs {position:static;padding:10px;}
}
@media screen and (max-width:550px) {
  #backb {left:0;}
}