/* line 1, ../sass/image-grid.scss */
#grid-view {
  border: none;
  position: relative;
  width: 1160px;
  height: auto;
  margin: 0 auto 40px auto;
  padding: 0;
}
/* line 9, ../sass/image-grid.scss */
#grid-view li {
  display: inline-block;
  margin: 0;
  padding: 1px;
  overflow: visible;
  position: relative;
  width: 193px;
  margin-left: -3px;
  margin-top: -6px;
}
/* line 21, ../sass/image-grid.scss */
#grid-view li:before {
  content: none;
  padding: 0;
  margin: 0;
}
/* line 27, ../sass/image-grid.scss */
#grid-view li a, #grid-view li img {
  display: block;
  width: 100%;
}
/* line 32, ../sass/image-grid.scss */
#grid-view li a {
  overflow: hidden;
}
/* line 36, ../sass/image-grid.scss */
#grid-view li img {
  opacity: 1;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  -moz-transition: opacity 0.35s, -webkit-transform 0.35s;
  -ms-transition: opacity 0.35s, -webkit-transform 0.35s;
  -o-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
/* line 50, ../sass/image-grid.scss */
#grid-view li img:hover, #grid-view li img.active {
  opacity: 0.7;
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}
/* line 59, ../sass/image-grid.scss */
#grid-view li .info {
  box-sizing: content-box;
  color: #fff;
  margin-left: 1px;
  margin-top: 1px;
  padding: 0 1px 1px 0;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 386px;
  height: 452px;
  visibility: hidden;
  z-index: 10;
}
/* line 74, ../sass/image-grid.scss */
#grid-view li .info a.info-close {
  color: white;
  font-size: 2em;
  position: absolute;
  top: 8px;
  right: 10px;
  width: auto;
}
/* line 82, ../sass/image-grid.scss */
#grid-view li .info a.info-close:hover {
  text-decoration: none;
}
/* line 87, ../sass/image-grid.scss */
#grid-view li .info h3, #grid-view li .info p {
  color: white;
  margin: 10px;
  font-size: 0.9em;
  line-height: 1.2em;
}
/* line 94, ../sass/image-grid.scss */
#grid-view li .info h3 {
  font-size: 1.5em;
  margin-top: 20px;
}
/* line 97, ../sass/image-grid.scss */
#grid-view li .info h3 > a {
  color: white;
}
/* line 102, ../sass/image-grid.scss */
#grid-view li .info p a {
  color: white;
}
/* line 107, ../sass/image-grid.scss */
#grid-view li .info .atty-email,
#grid-view li .info .atty-vcard {
  margin-left: 12px;
}
/* line 109, ../sass/image-grid.scss */
#grid-view li .info .atty-email > a,
#grid-view li .info .atty-vcard > a {
  color: white;
  font-size: 0.9em;
}
/* line 117, ../sass/image-grid.scss */
#grid-view li.right .info {
  left: -100%;
  margin-left: -2px;
}
/* line 124, ../sass/image-grid.scss */
#grid-view li.bottom .info {
  top: -100%;
  margin-top: 1px;
}

@media only screen and (max-width: 1400px) {
  /* line 133, ../sass/image-grid.scss */
  #grid-view {
    width: 960px;
  }
  /* line 135, ../sass/image-grid.scss */
  #grid-view li {
    width: 188px;
  }
  /* line 138, ../sass/image-grid.scss */
  #grid-view li .info {
    width: 374px;
    height: 440px;
    margin-left: 2px;
  }
  /* line 145, ../sass/image-grid.scss */
  #grid-view li.right .info {
    margin-left: -1px;
  }
}
@media only screen and (max-width: 1200px) {
  /* line 154, ../sass/image-grid.scss */
  #grid-view {
    width: 800px;
  }
  /* line 156, ../sass/image-grid.scss */
  #grid-view li {
    width: 197px;
  }
  /* line 159, ../sass/image-grid.scss */
  #grid-view li .info {
    width: 392px;
    height: 462px;
  }
  /* line 165, ../sass/image-grid.scss */
  #grid-view li.right .info {
    margin-left: -1px;
  }
}
@media only screen and (max-width: 991px) {
  /* line 174, ../sass/image-grid.scss */
  #grid-view {
    width: 600px;
  }
  /* line 176, ../sass/image-grid.scss */
  #grid-view li {
    width: 147px;
    height: 174px;
  }
  /* line 180, ../sass/image-grid.scss */
  #grid-view li .info {
    width: 291px;
    height: 343px;
    margin-left: 1px;
  }
  /* line 187, ../sass/image-grid.scss */
  #grid-view li.right .info {
    margin-left: 0;
  }
}
@media only screen and (max-width: 768px) {
  /* line 196, ../sass/image-grid.scss */
  #grid-view {
    width: 500px;
    overflow: hidden;
    padding-top: 5px;
  }
  /* line 200, ../sass/image-grid.scss */
  #grid-view li {
    width: 164px;
    height: 194px;
  }
  /* line 204, ../sass/image-grid.scss */
  #grid-view li img {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@media only screen and (max-width: 568px) {
  /* line 216, ../sass/image-grid.scss */
  #grid-view {
    width: 350px;
  }
  /* line 218, ../sass/image-grid.scss */
  #grid-view li {
    width: 173px;
    height: 204px;
  }
}
@media only screen and (max-width: 400px) {
  /* line 226, ../sass/image-grid.scss */
  #grid-view {
    width: 270px;
  }
  /* line 228, ../sass/image-grid.scss */
  #grid-view li {
    width: 133px;
    height: 157px;
  }
}