body {
  color: #000000;
  background: #FFFFFF;
  font-size: 14px;
  /*font-family: Verdana, Helvetica, Arial, sans-serif;*/
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

h1.header {
  margin: 20px 0 0 85px;
  padding-left: 15px;
  height: 30px;
  text-align: left;
  text-transform: uppercase;
  font-size: 2.8em;
  display: block;
}

a:visited{
  color: black;
  text-decoration: none;
}

span#mobilefooterContact {
  margin: 10px 56px 20px 0;
  float: right;
  clear: left;
  width: 500px;
  display: block;
  text-align: right;
  font-size: 2.5em;
  line-height: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
}

p.series-title-mobile {
  text-transform: uppercase;
  text-align: right;
  padding: 0px;
  width: 100%;
  float: right;
  display: block;
}

.content-strips {
  margin: 0px auto 55px auto;
  /*border:1px dotted #ccc;*/
  overflow-x: scroll;
  display: inline-block;
  position: relative;
  width: 66%;
  left: 15%;
}

.series-title-strips {
  width: 66%;
  left: 15%;
  margin-top: 60px;
  font-size: 2em;
  text-align: right;
  padding: 0px;
}

#people_strip, #nec_strip {
  height: 540px;
}

#ny_strip, #landscape_strip {
  height: 490px;
}

#ne_strip, #ceremony_strip, #dissent_strip, #young_strip {
  height: 430px;
}

#colombia_strip {
  height: 520px;
}

#images-people {
  width: 15214px;
}

#images-newyork {
  width: 11650px;
}

#images-northeast {
  width: 9708px;
}

#images-ceremony {
  width: 5552px;
}

#images-landscape {
  width: 10177px;
}

#images-colombia {
  width: 15182px;
}

#images-dissent {
  width: 13598px;
}

#images-young {
  width: 9371px;
}

#images-nec {
  width: 15280px;
}

div#nec_text {
  width: 460px;
  float: left;
  margin-right: 20px;
  font-size: 2em;
  line-height: 1.1em;
}

div#mobilebloglink_text{
  width: 240px;
  padding-top: 280px;
  float: right;
  margin-left: 30px;
  font-size: 2.2em;
  line-height: 1.6em;
}

#mobilebloglink_text a {
  font-size: 1.3em;
}

#bioDivMobile {
  width: 50%;
  height: 100%;
  float: left;
  margin: 40px 0 0 150px;
  vertical-align: top;
  border: none;
}

p.biomobile {
  width:350px;
  height:100%;
  margin:0 0 0 15px;
  font-size: 2.2em;
  line-height: 1.2em;
}

span.email_biomobile {
    font-size: 1.6em;
}

a.mobile_arrows {
  font-size: 2.5em;
  text-decoration: none;
}


/*3 old site rules*/
#myname {
  font-weight: bold;
/*  font-family: 'Playfair Display', sans-serif;
*/  font-size: 2.5em;
  display: inline-block;
  position: relative;
  width: 24%;
  left: 2%;
  /*border: 1px solid black;*/
  /*width: 26%;*/
}
#title_left {
  width: 600px;
  left: 18%;
}
#title_section {
  display: inline-block;
    position: relative;
    width: 40%;
    left: 8%;
}



/************** AT MEDIA RULES ************/
/* Large desktop */
@media (min-width: 1310px) {
 body { font-size:100%;
 line-height: 100%;}
 #maincontainer {
  background-position: 0px 255px;}
#images-people img {
  max-width: 50%;
}

#images img {
  /*max-width: 50%;*/
}
/*also shrink the div pics are in
*/
}

@media (min-width: 980px) and (max-width: 1309px) {
 body { font-size:84%;
 line-height: 82%;}
 #maincontainer {
  background-position: 0px 240px;
  background-size: 18%;
}

  .content-strips, .series-title-strips {
    width: 80%;
    left: 9%;
  }

  #images-people img {
  /*max-width: 50%;*/
  }

  #images img {
    max-width: 50%;
  }
}

@media (min-width: 860px) and (max-width: 979px) {
 body { font-size:75%;
 line-height: 75%;}
 #maincontainer {
  background-position: 0px 230px;
  background-size: 21%;

}
/*#images img {
  max-width: 50%;
}*/
  .content-strips, .series-title-strips {
    width: 85%;
    left: 7%;
  }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 639px) and (max-width: 859px) {
 body { font-size:60%;
  line-height: 170%;}
  #maincontainer {
  background-position: 0px 160px;
    background-size: 23%;
}
/* #images img {
  max-width: 50%;
 }*/
  .content-strips, .series-title-strips {
    width: 90%;
    left: 5%;
  }

}

/* Landscape phone to portrait tablet */
@media (min-width: 466px) and (max-width: 638px) {
 body { font-size:50%;
  line-height: 120%;}
  #maincontainer {
  background-position: 0px 25px;
    background-size: 30%;
  }
/*   #images img {
  max-width: 7%;
    }*/
  .content-strips, .series-title-strips {
    width: 90%;
    left: 4%;
  }

}

/* Landscape phones and down */
@media (max-width: 465px) {
 body { font-size: 33%;
  line-height: 95%;}
  #maincontainer {
  background-position: 0px 15px;
  background-size: 50%;
}
/*  #images img {
  max-width: 5%;
  } */

  .content-strips, .series-title-strips {
    width: 90%;
    left: 2%;
  }
}
/**************  ************/