.photoFrame {width: 100%; float: left; margin-top: 20px; }
.photoFrame H2 { margin: 40px 0px 25px 0px; font-size: 20px; font-weight: 400; text-transform: uppercase; }
.photoFrame IMG, .gallery IMG {width: 100%; float: left; opacity: 0.85; transition: opacity 0.25s; -webkit-transform: translateZ(0); }
.photoFrame IMG:hover, .gallery:hover IMG { opacity: 1; }
.photoFrame A, .gallery {margin: 0px 30px 30px 0px; width: 277px; height: auto; *height: 184px; float: left;}
.gallery { height: auto; }
.photoFrame A:nth-child(4n), .gallery:nth-child(4n) { margin-right: 0; }
.gallery IMG { height: 185px; margin-bottom: 1px; }
.gallery H3 { width: 100%; height: 64px; float: left; margin: 0; display: flex; align-items: center; justify-content: center; padding: 0 10px; background-color: #ffde15; font-size: 15px; color: #3a3a3a; font-weight: 400; transition-property: background-color, color; transition-duration: 0.25s;  }
.gallery:hover H3, .galleryYear:hover, .galleryYear.active { background-color: #a3cb2a; color: #fff; }


#photoFrameMain { margin-top: 50px; padding-top: 50px; }
#photoFrameMain A { position: relative; }
.photoCover { width: 100%; height: 100%; position: absolute; padding: 70px 70px 0px 80px; text-align: center; font-size: 20px; background-color: rgba(255, 255, 255, 0.6); background-image: url('/images/bg-photo.png'); opacity: 0; transition: opacity 0.25s; }

.videogalleryFrame {width: 720px; float: left;}
.videogalleryFrame H3 {width: 720px; float: left; margin: 10px 0px 10px 0px; font-size: 16px; font-weight: bold; color: #1690BB;}
.videogalleryFrame P {width: 720px; float: left; margin: 5px 0px 20px 0px; padding: 0px 0px 15px 0px; border-bottom: 1px #ccc dotted;}

.galleryYear { float: left; margin-right: 2%; margin-bottom: 20px; padding: 5px 10px; background-color: #ffde15; color: #3a3a3a; transition-property: background-color, color; transition-duration: 0.25s; }
.galleryYear:last-child { margin-right: 0; }
 .galleryYear A { color: inherit; text-decoration: none !important; }

/* MEDIA */ 
@media only screen and (min-width: 1200px)
{
  .photoFrame .last {margin-right: 0px;}
}
                                                                                                   
@media only screen and (min-width: 841px) and (max-width: 1199px) {
  .photoFrame A, .gallery {width: 23%; margin: 0px 0px 2.6% 2.6%;}
  .photoFrame A:nth-child(4n+1), .gallery:nth-child(4n+1) {margin-left: 0px;}
  .photoFrame A:nth-child(4n+4), .gallery:nth-child(4n+4) {margin-right: 0px;} 
}

@media only screen and (min-width: 480px) and (max-width: 840px) {
  .photoFrame A, .gallery {width: 31%; margin: 0px 0px 3% 3%; }
  .photoFrame A:nth-child(3n+1), .gallery:nth-child(3n+1) {margin-left: 0px;}
  .photoFrame A, .gallery:nth-child(3n+3) {margin-right: 0px;}
}

@media only screen and (max-width: 480px) {
  .photoFrame A, .gallery {width: 100%; margin: 0px 0px 2% 0px; }
  .photoFrame A:nth-child(3n+1), .gallery:nth-child(3n+1) {margin-left: 0px;}
  .photoFrame A, .gallery:nth-child(3n+3) {margin-right: 0px;}
  .photoFrame A {height: auto;}
}