.gallery {
  width: 940px;
  margin: 0 auto;
  padding: 5px;
  /*background: #fff*/
  box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.gallery > div {
  position: relative;
  float: left;
  padding: 5px;
}

.gallery > div > img {
  width: 200px;
  transition: .1s transform;
  transform: translateZ(0); /* hack */
}

.gallery > div:hover {
  z-index: 1;
}

.gallery > div:hover > img {
  transform: scale(1.8,1.8);
  transition: .3s transform;
}

.cf:before, .cf:after {
  display: table;
  content: "";
  line-height: 0;
}

.cf:after {
  clear: both;
}
.drop-shadow {
   position:relative;
 width:500px;
  height: 150px;
  background :#e3e3e3;
  color : rgba(0,0,0,.4);
  text-align : center;
  line-height : 150px;
  margin : 0 auto;
  color : rgba(0,0,0,.5);
  font-family : Tahoma; 
  text-shadow : 0 1px 0 #fff;
}

.drop-shadow a{
  text-decoration : none;
  color : #999999;
  font-family : Tahoma; 
}

.drop-shadow:before,
.drop-shadow:after {
   content:"";
   position:absolute;
   z-index:-1;
   bottom:15px;
   left:10px;
   width:50%;
   height:20%;
   max-width:300px;
   -webkit-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -moz-box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   box-shadow:0 15px 10px rgba(0, 0, 0, 0.7);
   -webkit-transform:rotate(-3deg);
   -moz-transform:rotate(-3deg);
   -o-transform:rotate(-3deg);
   transform:rotate(-3deg);
}

.drop-shadow:after{
   right:10px;
   left:auto;
   -webkit-transform:rotate(3deg);
   -moz-transform:rotate(3deg);
   -o-transform:rotate(3deg);
   transform:rotate(3deg);
 }

/*h1 {
  margin: 40px 0;
  font-size: 24px;
  text-align: center;
}*/