body {
  width: 100%;
  zoom: 1; }
  body:before, body:after {
    content: "";
    display: table; }
  body:after {
    clear: both; }

/* grid */
/* breakpoints */
/* other stuff */
/* sassy variables ************************************************************/
/* wireframes */
/*$body_font: "freight-sans-pro", "sans serif";*/
/* breakpoints */
/*$mobile_min: 0;
$mobile_max: 640px;
$tablet_min: 641px;
$tablet_max: 1023px;
$desktop_min: 1024px;
$desktop_max: 2560px;*/
@media screen and (min-width: 668px) {
  #logo {
    width: 100%;
    text-align: center; }
    #logo img {
      max-width: 90%; }

  #navbar {
    display: inline;
    float: left;
    width: 21.2264150943%;
    margin: 0 1.8867924528%;
    margin: 0;
    background: #EEEEEE url(/images/_bg.jpg) top center repeat;
    height: 100%;
    display: block;
    position: fixed;
    z-index: 50; }
    #navbar a, #navbar a:hover, #navbar a:focus {
      text-decoration: none;
      border: none; }
    #navbar .nav {
      display: block; }
    #navbar .grid {
      margin-top: 20%; }

  #billboard {
    position: absolute;
    z-index: -999;
    background-position: center right; }

  #seam {
    display: none; }

  .nav, #locations {
    display: inline;
    float: left;
    width: 96.2264150943%;
    margin: 0 1.8867924528%; }

  #navbar .nav ul, #navbar #locations ul {
    text-align: center;
    height: auto;
    width: 100%;
    margin: 0; }
    #navbar .nav ul li, #navbar #locations ul li {
      line-height: 1.2em;
      background-color: transparent;
      display: block;
      padding: 0 0.5em;
      margin-bottom: 0.8em; }
      #navbar .nav ul li a, #navbar #locations ul li a {
        color: black; }
      #navbar .nav ul li a.selected, #navbar #locations ul li a.selected {
        color: gray; }

  #navbar #locations:before {
    content: "";
    display: block;
    width: 4em;
    margin: 1em auto;
    border-top: solid 2px black; }

  #meta-grid {
    /*  max-width: 1280px;*/
    margin-left: 0;
    height: auto; }

  .grid {
    margin: 0;
    padding: 0;
    max-width: none; }

  #scroll {
    width: 100%;
    margin: 0;
    margin-top: 351px;
    padding-left: 0;
    padding-right: 0; }

  #container {
    margin-left: 22.7201257862%; }

  #footer {
    width: 100%;
    bottom: 0;
    padding: 0.5em 0;
    background: none; }
    #footer .grid {
      margin-left: 22.7201257862%; }

  body.index #billboard {
    height: 100%;
    position: fixed; }
  body.index #scroll {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    background: none;
    z-index: -999; }
  body.index #scroll > #container > *, body.index #scroll .nav {
    display: none; }
  body.index #scroll > #container > #about {
    display: block;
    position: relative;
    top: 75px;
    z-index: 3;
    display: inline;
    float: left;
    width: 37.893081761%;
    margin: 0 1.8867924528%;
    margin-left: 22.7201257862%;
    text-shadow: 0px 0px 5px black;
    font-size: 120%;
    line-height: 1.5em;
    color: white; }
  body.index .blurb {
    padding: 0px; }
    body.index .blurb h1, body.index .blurb p {
      text-align: left;
      color: white; }
  body.index #footer, body.index #footer a, body.index footer a:hover, body.index footer a:visited {
    color: white;
    font-weight: bold;
    text-shadow: 0px 0px 5px black; }
  body.index #scroll #footer.seam.before:before {
    display: none; } }
/* end media */
@media screen and (max-width: 1024px) and (min-width: 668px) {
  #scroll {
    margin-top: 301px; } }
@media screen and (max-width: 667px) {
  #billboard {
    background-position: right center;
    top: 25px; } }
@media screen and (max-width: 667px) {
  #navbar #locations {
    display: none; } }
/*blurb padding */
@media screen and (max-width: 1260px) and (min-width: 668px) {
  .blurb {
    display: inline;
    float: left;
    width: 79.5597484277%;
    margin: 0 1.8867924528%;
    margin-left: 10.2201257862%;
    margin-right: 10.2201257862%; } }