@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,700,700italic");

/* @import url(https://fonts.googleapis.com/css?family=Old+Standard+TT:200italic,400,400italic); */

/* @import url(entypo.css); */

/* -- reset -- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; 
  font-family: 'Open Sans', sans-serif; 
  background-color: #000;
  background-attachment: fixed;
  font-size: 80px; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote::before, blockquote::after, q::before, q::after {
  content: '';
  content: none; }

:focus {
  outline: 0; }

ins {
  text-decoration: none; }

del {
  text-decoration: line-through; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* -- style -- */


html, body {
  height: 100%; }

ul {
  list-style: none; }

a {
  text-decoration: none; }

.map-bg, footer {
  /*
  	image from StockTrek Images via FineArt America
  */
  background-image: url("../../img/DC.jpg");
  background-repeat: no-repeat;
  background-size: cover; }

.map-bg-mobile {
  background-image: url("../../img/dcMobile.jpg") !important; 
  background-repeat: no-repeat;
}

.white {
 color: #FFF;
}

.ds10, .controls li a {
  text-shadow: 0 0 10px black; }

#intro h2{
  width: 100%;
  line-height: 1; }

body.review #newer,
body.review #older {
  display: none; }

@media only screen and (min-width: 1001px){
  .grams li h2{
    font-size: 200%;
  }
}


@media only screen and (min-width: 701px) and (max-width: 1000px) {
  body.ios {
    background-attachment: scroll; }

  body.ios h2 {
    font-size: 100%; }

  body.ios h3,
  body.android h3 {
    margin-top: 25%; } }

@media only screen and (max-width: 700px) {
  body {
    font-size: 200%;
    line-height: 1; }

  body.ios {
    background-attachment: scroll; }

  body.ios footer,
  body.android footer {
    background-image: url("../../img/dcMobile.jpg"); }

  h2 {
    font-size: 120%; }

  body.ios h3,
  body.android h3 {
    margin-top: 20%; } }