#wrapper { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 

#wrapper2 { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 

#wrapper3 { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 

#wrapper4 { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 

#wrapper5 { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 
#wrapper6 { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 
#wrapper7 { 
    width: 1500px; 
    height: auto; 
    margin: 0 auto;
} 

#home1 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
    margin-right: 5%;
} 
#home2 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}
#home3 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
	margin-right: 5%;
}
#home4 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}
#home5 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
    margin-right: 5%;
} 
#home6 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}
#home7 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
	margin-right: 5%;
}
#home8 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}
#home9 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
	margin-right: 5%;
}
#home10 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}
#home11 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
	margin-right: 5%;
}
#home12 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}
#home13 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
	margin-right: 5%;
}
#home14 { 
    width: 47.5%; 
    height: 400px; 
    float: left; 
}

.clear{
    clear: both;
}

@media (max-width:767px) {
    #wrapper{
        width: 100%;
        height: auto;
    }
    #home1 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home2 {
        width: 100%;
        height: auto;
        float: none;
	}
    #home3 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home4 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home5 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home6 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home7 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home8 {
        width: 100%;
        height: auto;
        float: none;
	}
    #home9 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home10 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home11 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home12 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home13 {
        width: 100%;
        height: auto;
        float: none;
    }
    #home14 {
        width: 100%;
        height: auto;
        float: none;
    }
}

#photos {
  opacity: .88;
}

#photos img {
  width: 100%;
  height:auto;
  float: left;
  display: block;
  margin: 5px;
}

ul {
  list-style: none;
  margin: 20px auto;
  padding: 20px;
  display: block;
  max-width: 2000px;
  text-align: center;
}

#overlay {
  background: rgba(0,0,0,.8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  text-align: center;
}

#overlay img {
  margin: 10% auto 0;
  width: 1000px;
  border-radius: 10px;
}

#photos {
  width: 100%;
}

#photo-gallery {
  width: 100%;
}