@media screen and (max-width:1150px) {
  #big_map_explanation_cards .explanation_card {
    width: calc(100% - 520px);
  }
  #content h1 {
    font-size: 50px;
  }
}
@media screen and (max-width:1024px) {
  #txt-col {
    width:300px;
  }
  .inline-legend {
    width:320px;
  }
  #big_map_explanation_cards .explanation_card {
    width: calc(100% - 392px);
    margin-left: 350px;  
  }
  #big_map_explanation_cards .explanation_card p {
  }
  #txt-col .inline-legend {
    width: 283px;
  }
}

/* single column */
@media screen and (max-width:767px) {
  /* undo woland */
  html body #content .article>* {
    max-width:100%;
    text-size-adjust: none;
  }
  html body #page .wrapper, html body #content-header .wrapper, html body #content .wrapper {
    width:100%;
    min-width:0;
    max-width:100%;
  }
  html body #content .article img {
    max-width:inherit;
  }
  html body .wrapper {
    max-width:100% !important;
  }
  html body #content .article table {
    width:inherit !important;
    max-width:inherit !important;
    table-layout:auto !important;
  }
  header h4 { display:none; }
  /* \undo woland */

  #title-lockup {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 0;
  }
  #title-lockup h1 {
    font-size:30px;
  }
  #story0-0 {
  }
  #bg-graphic {
    top:40px;
    z-index:100;
  }
  .bg-slide .harris-map {
    width:100%;
    margin-left:0;
  }
  .bg-slide-center {
    position: absolute;
    left: 20px;
    top: 40px;
    text-align: left;
    text-shadow: 0 0 133px #000;
    width: calc(100% - 60px);
    text-align:center;
  }
  html body #content .bg-slide-center h1 {
    font-size:3em;
    text-align:center;
  }
  #txt-col {
    width: 100%;
    margin:0;
    padding:0;
    z-index: 999;
    background:transparent;
    box-shadow:none;
  }
  #txt-col .big-txt-story p {
    background: rgba(0,0,0,1);
    padding: 10px;
    margin-bottom:0;
  }
  .big-txt-story {
    padding-top:0;
    padding-bottom:1300px;
  }
  #txt-col.inverse {
    background-color:inherit;
    color:inherit;
  }
  .story.story-first p {
    height:500px !important;
  }
  #big_map_legend {
    width:220px;
    height:125px;
  }
  #big_map_explanation_cards .explanation_card {
    width: 100%;
    top: 40px;
    left:0;
    font-size: 14px;
    margin-left:0;
    border-radius:0;
  }
  #big_map_explanation_cards .explanation_card p {
    padding: 0 15px 0 10px;
    font-size: 12px;
    line-height:14px;
    font-weight:normal;
  }
  #txt-col .inline-legend {
    display:none !important;
  }

  .inline-legend {
    margin-top: 300px;
    margin-left: 0;
    padding: 0 15px 0 15px;
    width: calc(100% - 15px);
  }
  .inline-legend tr td {
    padding-bottom: 3px;
  }
  .inline-legend-triangle {
    display:none;
  }
  .map-label-no-mobile {
    display:none !important;
  }
  /* rotation gets messed up in mobile */
  .map-label.map-label-grand-parkway {
    transform:none;
    width:auto;
  }
  .map_legend_tmpl {
    z-index: 998 !important;
    width:100%;
  }
  .story-anno {
    background:none;
    background-color:inherit;
    padding:0;
    color:inherit !important;
  }
}