/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

/** { margin: 0; padding: 0; padding-bottom: 20px; }*/

#photos {
   /* Prevent vertical gaps */
   line-height: 0;

   -webkit-column-count:         3;
           column-count:         3;
     -webkit-column-gap:         20px;
             column-gap:         20px;
}
#photos img {
  /* Just in case there are inline attributes */
  width: 100% !important;
  height: auto !important;
  margin-bottom: 20px;
}

@media (max-width: 1200px) {
  #photos {
      -webkit-column-count:         3;
              column-count:         3;
  }
}
@media (max-width: 1000px) {
  #photos {
      -webkit-column-count:         2;
              column-count:         2;
  }
}
@media (max-width: 800px) {
  #photos {
      -webkit-column-count:         2;
              column-count:         2;
              }
}
@media (max-width: 600px) {
  #photos {
      -webkit-column-count:         1;
              column-count:         1;
  }
}


/*Overlays*/
.overlay {
    background: #fff;
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 40px;
	right: 20px;
	text-align: center;
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";*/
	/*filter: alpha(opacity=0);*/
	opacity: 0;
    transition: opacity 0.4s ease-in-out;
}
.overlay:hover {
    opacity: 1;
}
/*START-Overlays-Chrome-only*/
.webkit .overlay {
	background: rgba(255, 255, 255, 0.6);
	position: absolute;
	top: 20px;
	left: 20px;
	bottom: 40px;
	right: 20px;
	text-align: center;
	opacity: 0;

    -webkit-transition: none;
            transition: none;
}
.webkit .overlay:hover {
    opacity: 1;
}
/*END-Overlays-Chrome-only*/
.overlay h3 {
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    margin: auto;
    text-transform: uppercase;
    font-size: 20px;
    color: black;
}
.overlay::before, .overlay h3 {
    /*display: inline-block;*/
    vertical-align: middle;
}

.underlay {
    position: relative;
}