/***********
image layout
************/

.main-div {
  width:450px;
  max-width: 100%;
  margin: auto;
  display: inline-block;
  margin-bottom: 240px;
}


.all-img {
  width: 100%;
  margin-bottom: -4px;
  border: 4px solid #fff;
  }




.all-img:hover {
	border-radius:  5% 5%;
  -webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  box-shadow: 0px 0px 0px  #888888;
}


.one-three {
  width: 27%;
  float: left;
  position: relative;
  margin: 10px;
 }

@media (max-width:480px) {
  .one-two, .one-three, .two-five, .three-five {
    width: 26%;
	float: center;
	
  }
  
  
  .main-div {
  width:700px;
  max-width: 100%;
  margin: auto;
  display: block;
  margin-bottom: 120px;
  float: center;
}
  
}