/*
Website Name: Yay Images
Website URI: www.yayimages.com
Description: Custom CSS for Yay Images
Version: 1.0
Author: Earl Varona
Author URI: http://www.earlvarona.com
*/
#image-tiles {
  position: absolute;
  left: 0;
  top: 70;
  height: 900px;
  overflow: hidden;
  z-index: -1; }
  #image-tiles img {
    width: 12.5%; }
  #image-tiles span.image-tiles-overlay {
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.2;
    position: absolute;
    left: 0;
    top: 0; }

@media (min-width: 320px) and (max-width: 639px) {
  #image-tiles {
    position: absolute;
    left: 0;
    top: 70;
    height: 920px;
    overflow: hidden;
    z-index: -1; }
    #image-tiles img {
      width: 25%; } }
@media (min-width: 480px) and (max-width: 639px) {
  #image-tiles {
    position: absolute;
    left: 0;
    top: 70;
    height: 920px;
    overflow: hidden;
    z-index: -1; }
    #image-tiles img {
      width: 20%; } }
@media (min-width: 640px) and (max-width: 1023px) {
  #image-tiles {
    position: absolute;
    left: 0;
    top: 70;
    height: 920px;
    overflow: hidden;
    z-index: -1; }
    #image-tiles img {
      width: 16.66667%; } }
@media (min-width: 768px) and (max-width: 959px) {
  #image-tiles {
    height: 920px; }
    #image-tiles img {
      width: 16.66667%; } }
@media (min-width: 960px) and (max-width: 1023px) {
  #image-tiles {
    height: 920px; }
    #image-tiles img {
      width: 16.66667%; } }
@media (min-width: 1024px) {
  #image-tiles img {
    width: 16.66667%; } }
@media (min-width: 1200px) {
  #image-tiles {
    height: 900px; }
    #image-tiles img {
      width: 16.66667%; } }
@media (min-width: 1350px) {
  #image-tiles img {
    width: 14.28571%; } }
@media (min-width: 1500px) {
  #image-tiles img {
    width: 12.5%; } }