/* line 5, /myapp/app/assets/stylesheets/site.css.scss */
a {
  outline: none;
}

/* line 8, /myapp/app/assets/stylesheets/site.css.scss */
img {
  outline: none;
}

/* line 12, /myapp/app/assets/stylesheets/site.css.scss */
html {
  width: 100%;
  height: 100%;
  -webkit-text-size-adjust: none;
}

/* line 18, /myapp/app/assets/stylesheets/site.css.scss */
body {
  font: 9px/12px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
  color: #000;
}

/* line 23, /myapp/app/assets/stylesheets/site.css.scss */
a {
  text-decoration: none;
  color: #333;
  -webkit-transition: color 100ms ease-in;
  -moz-transition: color 100ms ease-in;
  -o-transition: color 100ms ease-in;
  -ms-transition: color 100ms ease-in;
  transition: color 100ms ease-in;
}
/* line 32, /myapp/app/assets/stylesheets/site.css.scss */
a:hover, a:active {
  color: #000;
}

/* line 38, /myapp/app/assets/stylesheets/site.css.scss */
img {
  pointer-events: none;
}

/* line 42, /myapp/app/assets/stylesheets/site.css.scss */
div#container {
  margin: 10px auto;
  width: 1180px;
  position: relative;
  overflow: hidden;
}

/* line 49, /myapp/app/assets/stylesheets/site.css.scss */
header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
  color: #333;
  font-size: 10px;
}
/* line 58, /myapp/app/assets/stylesheets/site.css.scss */
header nav {
  width: 1180px;
  margin: 24px auto 0 auto;
  font-weight: bold;
  border-bottom: 1px solid #999;
  padding: 2px 0;
}
/* line 66, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li {
  float: left;
  width: 155px;
  margin-right: 20px;
}
/* line 71, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li:last-child {
  margin-right: 0;
}
/* line 75, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li.col-4 {
  width: 300px;
}
/* line 79, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li span#link-back {
  display: none;
}
/* line 81, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li span#link-back a {
  font-weight: normal;
  color: #999;
}
/* line 85, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li span#link-back a:hover {
  color: #000;
}
/* line 91, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li.pages-links {
  float: right;
  text-align: right;
  width: 200px;
}
/* line 96, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li.pages-links a {
  display: inline-block;
  margin-left: 10px;
  color: #999;
  font-weight: normal;
}
/* line 102, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul li.pages-links a:hover {
  color: #000;
}
/* line 108, /myapp/app/assets/stylesheets/site.css.scss */
header nav ul .title {
  text-transform: uppercase;
}
/* line 114, /myapp/app/assets/stylesheets/site.css.scss */
header div#back-to-index {
  width: 1180px;
  margin: 0 auto;
  padding: 4px 0;
}
/* line 119, /myapp/app/assets/stylesheets/site.css.scss */
header div#back-to-index a {
  color: #999;
}
/* line 122, /myapp/app/assets/stylesheets/site.css.scss */
header div#back-to-index a:hover {
  color: #333;
}

/* line 129, /myapp/app/assets/stylesheets/site.css.scss */
div#content {
  margin-top: 80px;
  margin-right: -80px;
}
/* line 133, /myapp/app/assets/stylesheets/site.css.scss */
div#content a.image-thumb {
  float: left;
  width: 130px;
  height: 200px;
  overflow: hidden;
  margin-right: 45px;
  overflow: hidden;
}
/* line 141, /myapp/app/assets/stylesheets/site.css.scss */
div#content a.image-thumb img {
  width: 100%;
}
/* line 145, /myapp/app/assets/stylesheets/site.css.scss */
div#content a.image-thumb span.info {
  display: block;
  color: #999;
  -webkit-transition: color 100ms ease-in;
  -moz-transition: color 100ms ease-in;
  -o-transition: color 100ms ease-in;
  -ms-transition: color 100ms ease-in;
  transition: color 100ms ease-in;
}
/* line 156, /myapp/app/assets/stylesheets/site.css.scss */
div#content a.image-thumb.gallery span.info {
  display: none;
}
/* line 161, /myapp/app/assets/stylesheets/site.css.scss */
div#content a.image-thumb:hover span.info {
  color: #333;
}

/* line 167, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content {
  padding-bottom: 30px;
  font-size: 10px;
  line-height: 14px;
}
/* line 172, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content div#page-main-content {
  float: left;
  margin: 0 20px 20px 175px;
  width: 400px;
}
/* line 177, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content div#page-main-content p {
  margin: 0 0 14px 0;
}
/* line 179, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content div#page-main-content p strong {
  font-weight: bold;
}
/* line 182, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content div#page-main-content p em {
  font-style: italic;
}
/* line 187, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content div#page-main-content a {
  color: #666;
}
/* line 190, /myapp/app/assets/stylesheets/site.css.scss */
section#page-content div#page-main-content a:hover {
  color: #333;
}

/* line 197, /myapp/app/assets/stylesheets/site.css.scss */
footer {
  color: #999;
  border-top: 1px solid #999;
  padding: 4px 0 20px 0;
}
/* line 202, /myapp/app/assets/stylesheets/site.css.scss */
footer nav {
  display: none;
}
/* line 205, /myapp/app/assets/stylesheets/site.css.scss */
footer nav ul {
  margin: 0;
  padding: 0;
}
/* line 209, /myapp/app/assets/stylesheets/site.css.scss */
footer nav ul li {
  margin: 0;
  padding: 0;
  float: left;
}
/* line 214, /myapp/app/assets/stylesheets/site.css.scss */
footer nav ul li a {
  color: #999;
  display: block;
  margin-right: 10px;
  font-size: 10px;
}
/* line 220, /myapp/app/assets/stylesheets/site.css.scss */
footer nav ul li a:hover, footer nav ul li a:active {
  color: #000;
}

/* line 230, /myapp/app/assets/stylesheets/site.css.scss */
div#spinner-container {
  position: fixed;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transition: opacity 200ms ease-in;
  -moz-transition: opacity 200ms ease-in;
  -o-transition: opacity 200ms ease-in;
  -ms-transition: opacity 200ms ease-in;
  transition: opacity 200ms ease-in;
}
/* line 245, /myapp/app/assets/stylesheets/site.css.scss */
div#spinner-container.visible {
  opacity: 1;
}
/* line 249, /myapp/app/assets/stylesheets/site.css.scss */
div#spinner-container .spinner {
  top: 50%;
  left: 50%;
}

/* NavBlocker */
/* line 256, /myapp/app/assets/stylesheets/site.css.scss */
div#nav-blocker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: #fff;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  z-index: 99;
}

/* SubNav */
/* line 271, /myapp/app/assets/stylesheets/site.css.scss */
ul#subnav {
  position: fixed;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 100;
  display: none;
  border: 1px solid #999;
  border-top: none;
  padding-top: 4px;
  font-size: 10px;
  line-height: 14px;
}
/* line 284, /myapp/app/assets/stylesheets/site.css.scss */
ul#subnav li {
  width: 160px;
  clear: both;
  padding: 2px 4px;
}
/* line 289, /myapp/app/assets/stylesheets/site.css.scss */
ul#subnav li a {
  font-weight: bold;
  text-transform: uppercase;
}

/* Gallery Page */
/* line 297, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
/* line 305, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page div#container {
  margin: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 312, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header {
  position: fixed;
  width: 100%;
  z-index: 10;
  background-color: #fff;
  color: #000;
}
/* line 319, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header a {
  color: #000;
}
/* line 321, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header a:hover {
  color: #999;
}
/* line 326, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info {
  width: 1180px;
  margin: 0 auto;
}
/* line 331, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header nav {
  width: 1180px;
  margin: 0 auto;
  padding: 26px 0 2px 0;
  border-color: #999;
}
/* line 338, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header nav ul li#gallery-nav {
  width: 380px;
  float: right;
  text-align: right;
}
/* line 343, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header nav ul li#gallery-nav a {
  font-weight: normal;
  color: #999;
  padding: 0 0 0 4px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
/* line 351, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header nav ul li#gallery-nav a:hover {
  color: #000;
}
/* line 360, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info b {
  font-weight: bold;
}
/* line 364, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-thumbnails-link {
  float: left;
  width: 100px;
  padding: 4px 0;
}
/* line 369, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-thumbnails-link a {
  color: #999;
}
/* line 372, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-thumbnails-link a:hover {
  color: #000;
}
/* line 378, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-caption {
  float: left;
  margin-left: 75px;
  width: 620px;
  padding: 4px 0;
  overflow: hidden;
}
/* line 385, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-caption.no-caption {
  padding: 0;
}
/* line 389, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-caption strong {
  font-weight: bold;
}
/* line 393, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-caption em {
  font-style: italic;
}
/* line 398, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page header div#gallery-info div#gallery-instructions {
  float: right;
  text-align: right;
  width: 380px;
  padding: 4px 0;
  display: none;
}
/* line 408, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page div#content {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
/* line 417, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
/* line 426, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery {
  height: 100%;
}
/* line 429, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery a.video-play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -42px;
  margin-left: -49px;
  width: 84px;
  height: 98px;
  overflow: hidden;
  background: url(play_button-60264e198a2f47ea7e2bbd95b169f517ad1e2f08aa6a6646250aafe9c988fc33.png) no-repeat;
  text-indent: -1000px;
}
/* line 441, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery a.video-play-button:hover, body#gallery-page section#gallery-image div#gallery a.video-play-button:active {
  background-position: -84px 0;
}
/* line 447, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery div.slide {
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: #fff;
}
/* line 453, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery div.slide img {
  visibility: visible;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-out;
  -moz-transition: opacity 400ms ease-out;
  -o-transition: opacity 400ms ease-out;
  -ms-transition: opacity 400ms ease-out;
  transition: opacity 400ms ease-out;
}
/* line 463, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery div.slide.loading {
  background-color: rgba(0, 0, 0, 0.1);
}
/* line 466, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery div.slide.loading img {
  opacity: 0;
}
/* line 471, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image div#gallery div.slide iframe#video_player {
  position: absolute;
  top: 0;
  left: 0;
}
/* line 479, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image nav#gallery-paging {
  position: fixed;
  bottom: 0;
  text-align: center;
  height: 20px;
  width: 100%;
  padding-top: 10px;
}
/* line 487, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image nav#gallery-paging a.dot {
  margin: 2px;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  display: inline-block;
  background: #efefef;
  border-color: #666;
  zoom: 1;
  *display: inline;
}
/* line 498, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page section#gallery-image nav#gallery-paging a.dot.selected {
  background-color: #999;
}
/* line 505, /myapp/app/assets/stylesheets/site.css.scss */
body#gallery-page footer {
  display: none;
}

/* Smaller Desktop */
@media all and (max-width: 1220px) {
  /* line 512, /myapp/app/assets/stylesheets/site.css.scss */
  div#container {
    width: 940px;
  }

  /* line 517, /myapp/app/assets/stylesheets/site.css.scss */
  header nav {
    width: 940px;
  }
  /* line 521, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li {
    width: 120px;
  }
  /* line 527, /myapp/app/assets/stylesheets/site.css.scss */
  header div#back-to-index {
    width: 940px;
  }

  /* line 533, /myapp/app/assets/stylesheets/site.css.scss */
  div#content a.image-thumb {
    width: 100px;
    height: 170px;
    margin-right: 40px;
  }

  /* line 541, /myapp/app/assets/stylesheets/site.css.scss */
  section#page-content div#page-main-content {
    margin-left: 140px;
  }

  /* Gallery Page */
  /* line 549, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav {
    width: 940px;
  }
  /* line 553, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info {
    width: 940px;
  }
  /* line 556, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-caption {
    margin-left: 40px;
  }
  /* line 560, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-instructions {
    width: 320px;
  }
}
@media all and (max-width: 1000px) {
  /* line 569, /myapp/app/assets/stylesheets/site.css.scss */
  div#container {
    width: 700px;
  }

  /* line 574, /myapp/app/assets/stylesheets/site.css.scss */
  header nav {
    width: 700px;
    padding-bottom: 2px;
  }
  /* line 579, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li {
    width: 85px;
  }
  /* line 585, /myapp/app/assets/stylesheets/site.css.scss */
  header div#back-to-index {
    width: 700px;
  }

  /* line 591, /myapp/app/assets/stylesheets/site.css.scss */
  div#content a.image-thumb {
    width: 80px;
    height: 140px;
    margin-right: 25px;
  }

  /* line 599, /myapp/app/assets/stylesheets/site.css.scss */
  section#page-content div#page-main-content {
    margin-left: 105px;
  }

  /* Gallery Page */
  /* line 607, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav {
    width: 700px;
    padding-bottom: 1px;
  }
  /* line 611, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav ul li#gallery-nav {
    width: 220px;
  }
  /* line 619, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info {
    width: 700px;
    line-height: 16px;
  }
  /* line 628, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-caption {
    width: 490px;
    margin-left: 5px;
  }
  /* line 633, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-instructions {
    width: 250px;
    line-height: 12px;
    display: none;
  }
}
/* iPad */
@media all and (max-width: 768px) {
  /* line 645, /myapp/app/assets/stylesheets/site.css.scss */
  div#container {
    width: 700px;
  }

  /* line 650, /myapp/app/assets/stylesheets/site.css.scss */
  header nav {
    width: 700px;
  }
  /* line 653, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li {
    width: 130px;
  }
  /* line 658, /myapp/app/assets/stylesheets/site.css.scss */
  header div#back-to-index {
    width: 700px;
  }

  /* line 663, /myapp/app/assets/stylesheets/site.css.scss */
  div#content {
    overflow: hidden;
    margin-top: 80px;
  }
  /* line 667, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb {
    line-height: 12px;
    width: 100px;
    height: 160px;
    margin-right: 50px;
  }
  /* line 672, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb img {
    width: 100%;
  }

  /* line 680, /myapp/app/assets/stylesheets/site.css.scss */
  section#page-content div#page-main-content {
    margin-left: 150px;
  }

  /* Gallery Page */
  /* line 688, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav {
    width: 700px;
  }
  /* line 692, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav ul li#gallery-nav {
    display: none;
  }
  /* line 698, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info {
    width: 700px;
  }
  /* line 701, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-thumbnails-link {
    width: 80px;
  }
  /* line 708, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-caption {
    width: 300px;
    margin-left: 70px;
  }
  /* line 713, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-instruction {
    display: none;
  }
  /* line 721, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page section#gallery-image nav#gallery-paging a.dot {
    width: 4px;
    height: 4px;
    margin: 0px;
  }
}
/* iPhone 5 landscape */
@media all and (max-width: 600px) {
  /* line 733, /myapp/app/assets/stylesheets/site.css.scss */
  div#container {
    width: 520px;
  }

  /* line 738, /myapp/app/assets/stylesheets/site.css.scss */
  header nav {
    margin-top: 4px;
    width: 520px;
    font-size: 11px;
  }
  /* line 744, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li {
    width: 100%;
    display: block;
    text-align: center;
    position: relative;
  }
  /* line 750, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li.col-4 {
    width: 100%;
  }
  /* line 754, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li span#link-back {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
  }
  /* line 761, /myapp/app/assets/stylesheets/site.css.scss */
  header nav ul li.pages-links {
    display: none;
  }
  /* line 768, /myapp/app/assets/stylesheets/site.css.scss */
  header div#back-to-index {
    width: 520px;
    display: none;
  }

  /* SubNav */
  /* line 776, /myapp/app/assets/stylesheets/site.css.scss */
  ul#subnav li {
    text-align: center;
    font-size: 11px;
    padding: 0;
  }

  /* line 783, /myapp/app/assets/stylesheets/site.css.scss */
  div#content {
    overflow: hidden;
  }
  /* line 786, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb {
    font-size: 10px;
    line-height: 12px;
    width: 115px;
    height: 170px;
    margin-right: 20px;
  }
  /* line 792, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb img {
    width: 100%;
  }

  /* line 800, /myapp/app/assets/stylesheets/site.css.scss */
  section#page-content div#page-main-content {
    margin: 0;
    width: 520px;
  }

  /* line 806, /myapp/app/assets/stylesheets/site.css.scss */
  footer {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    padding-bottom: 40px;
  }
  /* line 812, /myapp/app/assets/stylesheets/site.css.scss */
  footer nav {
    display: block;
  }

  /* Gallery Page */
  /* line 818, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page {
    padding-top: 60px;
  }
  /* line 821, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page div#container {
    position: absolute;
    margin: 0;
    top: 0;
  }
  /* line 827, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header {
    background: #fff;
    color: #000;
  }
  /* line 831, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav {
    display: none;
    width: 520px;
    margin: 4px auto 0 auto;
    padding: 2px 0;
  }
  /* line 837, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav ul li#gallery-nav {
    display: none;
  }
  /* line 842, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info {
    width: 520px;
  }
  /* line 845, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-thumbnails-link {
    padding: 8px 0 0 0;
  }
  /* line 848, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-thumbnails-link a:hover {
    color: #000;
  }
  /* line 853, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-caption {
    width: 300px;
    height: auto;
    font-size: 10px;
    line-height: 14px;
    padding-top: 8px;
  }
  /* line 861, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-instruction {
    display: none;
  }
  /* line 868, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page section#gallery-image nav#gallery-paging {
    height: 20px;
  }
}
/* iPhone Landscape */
@media all and (max-width: 567px) {
  /* line 877, /myapp/app/assets/stylesheets/site.css.scss */
  div#container {
    width: 430px;
  }

  /* line 882, /myapp/app/assets/stylesheets/site.css.scss */
  header nav {
    margin-top: 4px;
    width: 430px;
    font-size: 11px;
  }
  /* line 888, /myapp/app/assets/stylesheets/site.css.scss */
  header div#back-to-index {
    width: 430px;
  }

  /* line 895, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb {
    font-size: 9px;
    line-height: 12px;
    width: 130px;
    height: 190px;
  }
  /* line 900, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb img {
    width: 100%;
  }

  /* line 908, /myapp/app/assets/stylesheets/site.css.scss */
  section#page-content div#page-main-content {
    width: 430px;
  }

  /* line 913, /myapp/app/assets/stylesheets/site.css.scss */
  footer {
    font-size: 10px;
    line-height: 14px;
    text-align: center;
  }

  /* Gallery Page */
  /* line 922, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav {
    width: 400px;
  }
  /* line 926, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info {
    width: 400px;
  }
  /* line 929, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-caption {
    width: 270px;
  }
}
@media all and (max-width: 479px) {
  /* line 938, /myapp/app/assets/stylesheets/site.css.scss */
  div#container {
    width: 280px;
  }

  /* line 943, /myapp/app/assets/stylesheets/site.css.scss */
  header nav {
    width: 280px;
    font-size: 11px;
  }
  /* line 948, /myapp/app/assets/stylesheets/site.css.scss */
  header div#back-to-index {
    width: 280px;
  }

  /* line 953, /myapp/app/assets/stylesheets/site.css.scss */
  div#content {
    overflow: hidden;
  }
  /* line 956, /myapp/app/assets/stylesheets/site.css.scss */
  div#content section#project-index a.image-thumb {
    width: 130px;
    height: 180px;
  }

  /* line 964, /myapp/app/assets/stylesheets/site.css.scss */
  section#page-content div#page-main-content {
    width: 280px;
  }

  /* line 969, /myapp/app/assets/stylesheets/site.css.scss */
  footer {
    font-size: 9px;
    line-height: 14px;
    text-align: center;
  }

  /* Gallery Page */
  /* line 978, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header nav {
    width: 280px;
  }
  /* line 982, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info {
    width: 280px;
  }
  /* line 985, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-thumbnails-link {
    padding: 8px 0 0 0;
    border-bottom: 1px solid #fff;
    width: 100%;
  }
  /* line 991, /myapp/app/assets/stylesheets/site.css.scss */
  body#gallery-page header div#gallery-info div#gallery-caption {
    width: 280px;
    margin-left: 0;
    padding: 2px 0;
  }
}