@charset "utf-8";

/* CSS Document */

/* Color & Typography */

/* #87E3DA; */

/* Site Defaults */

body {

  padding: 0;

  margin: 0;

  color: #4d4d4d;

  font-family: sans-serif;

  font-size: 10pt;

  position: relative;

  background-color: #ffffff;

  overflow-x: hidden;

  -webkit-overflow-scrolling: touch;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  text-rendering: optimizeLegibility;

}







/* Home Page */

#splash img {

  display: block;

  margin: 0 auto;

  max-width: 100%;

  max-height: 100%;

  padding: 0 20px 20px;

  

}

/* Masonry Pages */

#image-container {

  position: relative;

  overflow-y: hidden;

  padding: 0;

}

.gallery-image {

  max-height: 850px;

  padding: 5px;

  margin: 0;

}

#image-wrapper img {

  display: block;

  max-height: 90%;

  max-width: 100%;

  margin: 0 auto;

}

#image-nav {

  text-align: center;

  margin: 1em 0;

}

/* Contact Page */





/* Misc */

#progress {

  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7);

  -webkit-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.3);

  -moz-box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.3);

  box-shadow: 3px 3px 5px 0px rgba(50, 50, 50, 0.3);

  display: inline-block;

  left: 50%;

  margin-left: -50px;

  padding: 5px;

  position: absolute;

  text-align: center;

  top: 150px;

  width: 100px;

  z-index: 10;

}

#progress i {

  display: inline-block;

}

#progress-percent {

  display: inline-block;

  margin-left: 5px;

}

@media (min-width: 300px) and (max-width: 1599px) {

  .gallery-image {

    max-height: 240px;

    padding: 3px;

  }

}

@media (min-width: 300px) and (max-width: 1199px) {

  #title {

    font-size: 60pt;

  }

}

@media (max-width: 300px) {

  #title {

    font-size: 24pt;

  }

	#top-nav {

		margin-bottom: 1em;

	}

  #nav-links ul > li {

    font-size: 13pt;

    padding: 0 0.5em;

  }

  .gallery-image {

    max-height: 120px;

    padding: 2px;

  }

  #text-content {

    font-size: 10pt;

  }

  #contactinfo {

    display: none;

  }

}