@charset "utf-8";

/*==========================
GALLERY
==========================*/

.section--gallery {
    padding-left: 0;
    padding-right: 0;
    background: #D9F3F7;
  }

.gallery__content {
    display: flex;
    flex-wrap: wrap;
    margin: 100px auto;
    max-width: 1160px;
}

.gallery__content li {
    margin: 50px auto;
    width: 300px;
}

.gallery__content li:hover {
    opacity: 0.5;
  }

  .gallery {
    margin: 120px 0;
  }
  
  .gallery img {
    display: block;
    margin: 20px auto;
  }
  
  @media screen and (min-width: 500px) {
    .gallery img {
      max-width: 500px;
    }
  }