/*
 * Max-width breakpoint mixin ******************************************************
 */
.gallery-section .gallery-button {
  text-align: right; }
  @media (max-width: 639px) {
    .gallery-section .gallery-button {
      text-align: center; } }

.q2-gallery-image {
  text-align: center; }

.image-gallery-container .gallery-image-container {
  position: relative;
  width: 100%;
  overflow: hidden; }
  .image-gallery-container .gallery-image-container div {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-size: cover; }

.image-gallery-container button,
.image-gallery-container a {
  width: 100%; }
  .image-gallery-container button:hover div, .image-gallery-container button:focus div,
  .image-gallery-container a:hover div,
  .image-gallery-container a:focus div {
    opacity: .8; }

.image-gallery-container p {
  margin-bottom: 0; }

.gallery-reveal .gallery-modal-content {
  text-align: center;
  width: 100%;
  padding: 25px 0 10px; }
  .gallery-reveal .gallery-modal-content img {
    width: 100%;
    height: 100%; }
  .gallery-reveal .gallery-modal-content p {
    margin-bottom: 0; }