.clear:before {
  content: '';
  display: table;
}
.clear:after {
  content: '';
  display: table;
  clear: both;
}
.sans {
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, "Verdana", sans-serif;
}
.serif {
  font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}
body {
  font-style: normal;
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, "Verdana", sans-serif;
}
#frame > header {
  background-repeat: no-repeat;
  background-image: url(../_images/cancer-center-abstractBG.jpg) !important;
  height: 90px;
  padding: 20px 20px 30px 20px;
  text-align: left;
  box-sizing: border-box;
  position: relative;
  min-height: 94px;
  max-width: 1000px;
}
#frame > header .wordmark img {
  width: 154px;
}
#mini_navbar {
  font-size: 14.4px;
  box-sizing: border-box;
}
#syn-logo {
  background-image: url(../_images/synthesis-logo-pn-small.png);
}
#syn-logo a {
  display: block;
  width: 100%;
  height: 100%;
}
.group--mobile {
  display: inline;
}
section {
  padding: 0;
}
.row {
  margin-left: 0;
  margin-right: 0;
}
#contentcenter {
  width: initial !important;
  max-width: 810px !important;
  padding: 0;
  border: none;
  float: none;
  margin-left: 190px;
}
#contentcenter #main {
  width: 100%;
  max-width: 810px;
  padding: 0;
  margin-top: -1px;
}
#contentcenter #main #home-intro {
  padding: 0;
}
#contentcenter #main #home-cover {
  width: 49%;
  margin: 0;
}
#center_col {
  margin-right: 0;
  padding: 0;
  overflow: hidden;
  width: 100%;
}
#home-toc {
  width: 47%;
  padding: 0 2%;
}
#past-issues {
  width: 100%;
}
#past-issues li {
  width: 23%;
  margin: 1%;
}
#past-issues li img {
  width: 100%;
}
#home-intro {
  background-color: #efeaef;
}
#home-intro #home-toc a {
  color: #632C5D;
}
#home-intro #home-toc a:hover {
  color: #632C5D;
}
h2#nameplate {
  background-color: #632C5D;
}
#issue-head {
  background-color: #632C5D;
}
.issue-home .span8.col {
  float: right;
  margin-left: 2%;
}
.issue-home .span2.col {
  float: right;
  margin-left: 0;
}
#cover {
  background-color: #e8dfe7;
}
#cover article {
  padding: 20px 27px;
  float: none;
  width: auto !important;
}
#cover article h1 {
  font-size: 27px;
  line-height: 1.2;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}
#cover article h2,
#cover article a {
  color: #632C5D;
}
#pdf-dl {
  background-color: #632C5D;
}
#article-list {
  /* width = width of article x # of articles in slider */
  width: 1665px;
  overflow: hidden;
}
.excerpt img {
  width: 180px;
}
.excerpt.bitsandpieces {
  background-color: #c21734;
}
.excerpt.immunotherapies {
  background-color: #682666;
}
.excerpt.teaching {
  background-color: #065d7c;
}
.excerpt.harnessing {
  background-color: #E48400;
}
.excerpt.fcth {
  background-color: #40529a;
}
.excerpt.supportive {
  background-color: #327927;
}
.excerpt.shields {
  background-color: #0080af;
}
.excerpt.bringinglight {
  background-color: #67A53A;
}
.excerpt.stiles {
  background-color: #0E6F75;
}
.excerpt.hereditary {
  background-color: #004B85;
}
#excerpt-pager a {
  background-color: #632C5D;
}
#article-slider,
#excerpt-pager a {
  height: 400px;
}
#main-content {
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, "Verdana", sans-serif;
}
#main-content header {
  position: relative;
  max-height: none;
  padding: 0;
  margin: 0;
}
#main-content header img.hero {
  float: none;
}
#main-content header figcaption {
  position: absolute;
  bottom: 0;
  padding: 10px 20px;
  color: #fff;
  text-shadow: 0 0 5px #333;
  font-style: italic;
}
.main-article.no-sidebar {
  width: 100%;
}
.main-article.no-sidebar .body {
  padding: 0px 20% 30px;
}
.main-article.no-sidebar aside {
  width: 50%;
}
.main-article.no-sidebar aside img {
  width: 100%;
}
.main-article.no-sidebar aside.pull-left {
  margin: 6px 1.5em 10px -18%;
}
.main-article.no-sidebar aside.pull-right {
  margin: 6px -18% 10px 1.5em;
}
.main-article h1,
.main-article .article-head,
.main-article .article-subhead {
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, "Verdana", sans-serif;
}
.main-article .article-subhead {
  font-size: 75%;
}
.main-article h1 {
  font-size: 24px;
  line-height: 1.1;
  margin-bottom: 1em;
}
.main-article h2 {
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, "Verdana", sans-serif;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
}
.main-article p {
  font-size: 14px;
  line-height: 1.5;
}
.main-article blockquote p {
  font-family: georgia, serif;
  font-size: 18px !important;
  line-height: 1.5 !important;
  margin-bottom: 0;
}
.main-article blockquote footer {
  background: none;
  padding: 10px;
  font-size: 100%;
}
img.hero {
  display: block;
}
.sidebar img {
  display: block;
}
.sidebar aside {
  font-family: "Lucida Grande", "Lucida Sans", Helvetica, Arial, "Verdana", sans-serif;
  color: #fff;
}
.sidebar aside p {
  margin-bottom: 10px !important;
}
.sidebar ul,
.sidebar ol {
  margin-bottom: 1.25em;
}
aside img {
  max-width: 100%;
}
#director {
  background-color: #e4f0f1;
}
#director .article-head {
  background-color: #3c939a;
  color: #fff;
  padding: 2.5em 1em 1em;
  display: inline-block;
}
#director strong {
  color: #0E6F75;
}
#director .body {
  min-height: 620px;
  padding-top: 0;
}
#director .body h2 {
  font-weight: normal;
}
#director .sidebar .more {
  color: #0E6F75;
}
#director .sidebar .more p {
  line-height: 18px !important;
  margin-bottom: 7px;
}
#bitsandpieces {
  background-color: #fff;
}
#bitsandpieces .body {
  padding-top: 30px;
}
#bitsandpieces .article-head {
  background-color: #AFA298;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 2.5em 1em 1em;
}
#bitsandpieces .story:before {
  content: '';
  display: table;
}
#bitsandpieces .story:after {
  content: '';
  display: table;
  clear: both;
}
#bitsandpieces .caption {
  font-size: 12px;
  color: #999;
}
#bitsandpieces img.full-width {
  width: 100%;
}
#bitsandpieces img.full-width:before {
  content: '';
  display: table;
}
#bitsandpieces img.full-width:after {
  content: '';
  display: table;
  clear: both;
}
#bitsandpieces img.pull-left {
  width: auto;
  max-width: 100%;
  margin: 6px 12px 10px 0px;
}
#bitsandpieces img.pull-right {
  width: auto;
  max-width: 100%;
  margin: 6px 0px 10px 12px;
}
#bitsandpieces .for-screen-reader {
  height: 0;
  margin: 0;
  overflow: hidden;
}
#bitsandpieces .story1 h2 {
  color: #065d7c;
}
#bitsandpieces .story2 h2 {
  color: #67A53A;
}
#bitsandpieces .story3 h2 {
  background-color: #0080af;
  color: #fff;
  padding: 10px;
  margin-bottom: 0;
}
#bitsandpieces .story3 .body {
  padding: 20px;
  background-color: #cce6ef;
  text-align: center;
  color: #004B85;
}
#bitsandpieces .story3 .body img {
  margin: 20px auto;
  max-width: 100%;
}
#bitsandpieces .story3 .body .number {
  font-size: 250%;
  color: #fff;
}
#bitsandpieces .story3 .body .caps {
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px;
}
#bitsandpieces .story4 h2 {
  color: #E48400;
}
#bitsandpieces .story5 h2 {
  background-color: #682666;
  color: #fff;
  padding: 10px;
  margin-bottom: 0;
}
#bitsandpieces .story5 .body {
  padding: 20px;
  background-color: #e1d4e0;
}
#bitsandpieces .story5 .body ul:after {
  content: "";
  display: table;
  clear: both;
}
#bitsandpieces .story5 .body .list-one p,
#bitsandpieces .story5 .body .list-two p,
#bitsandpieces .story5 .body .list-three p {
  font-weight: bold;
}
#bitsandpieces .story5 .body .list-one img,
#bitsandpieces .story5 .body .list-two img,
#bitsandpieces .story5 .body .list-three img {
  margin-top: 0;
  margin-bottom: 30px;
}
#bitsandpieces .story5 .body .list-one {
  float: left;
  width: 48%;
  margin-right: 4%;
}
#bitsandpieces .story5 .body .list-two {
  float: left;
  width: 48%;
}
#bitsandpieces .story5 .body hr {
  border-top: 1px solid #bbb;
}
#bitsandpieces .story6 h2 {
  color: #c21734;
}
#immunotherapies {
  background-color: #fff;
}
#immunotherapies h1 {
  padding: 2.5em 1em 1em;
  background-image: url(../issues/spring2017/_images/spring2017-immunotherapies-bg.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
#immunotherapies .article-head {
  color: #fff;
  margin-bottom: 8px;
  display: inline-block;
  padding-top: 16px;
}
#immunotherapies .article-subhead {
  text-transform: uppercase;
  color: #682666;
  margin-left: 8em;
  font-size: 80%;
}
#immunotherapies .body strong,
#immunotherapies .body h2,
#immunotherapies .body a {
  color: #682666;
}
#immunotherapies .body .intro {
  font-size: 17px;
}
#immunotherapies .body .aside1 {
  color: #008DA8;
}
#immunotherapies .body .aside1 strong {
  color: #008DA8;
}
#immunotherapies .body .aside2 {
  color: #008DA8;
}
#immunotherapies .body .aside2 strong {
  color: #008DA8;
}
#immunotherapies .body .aside3 {
  color: #008DA8;
}
#immunotherapies .body .aside3 strong {
  color: #008DA8;
}
#immunotherapies .body .aside4 {
  width: 65%;
}
#immunotherapies .body .aside4 img {
  display: block;
}
#immunotherapies .body .aside4 blockquote {
  margin: 0;
  padding: 20px;
  background-color: #E48400;
  background-image: url(../issues/spring2017/_images/spring2017-immunotherapies-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
  color: #fff;
}
#immunotherapies .body .aside4 blockquote p {
  font-size: 16px !important;
}
#immunotherapies .body .aside4 blockquote strong {
  color: #fff;
}
#teaching {
  background-color: #fff;
}
#teaching h1 {
  background-color: #33a4b9;
  padding: 2.5em 1em 1em;
}
#teaching .article-head {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #004B85;
  margin-bottom: 8px;
  display: inline-block;
  padding-top: 16px;
  font-size: 75%;
}
#teaching .article-subhead {
  color: #fff;
  margin-left: 8em;
  font-size: 100%;
}
#teaching .body {
  background-image: url(../issues/spring2017/_images/spring2017-teaching-bg.jpg);
  background-repeat: no-repeat;
  background-position: left topx;
}
#teaching .body strong,
#teaching .body h2,
#teaching .body a {
  color: #004B85;
}
#teaching .body .intro {
  font-size: 17px;
  color: #004B85;
}
#teaching .body .aside1,
#teaching .body .aside2 {
  color: #004B85;
}
#teaching .body .aside1 strong,
#teaching .body .aside2 strong {
  color: #004B85;
}
#harnessing {
  background-color: #fff;
}
#harnessing .article-head {
  background-color: #cd6f27;
  color: #FFD600;
  float: left;
  padding: 2.5em 1em 1em 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 0.5em;
}
#harnessing .article-subhead {
  background-color: #813053;
  color: #fff;
  padding: 2.5em 1em 1em;
  font-size: 100%;
}
#harnessing .body {
  padding-top: 30px;
}
#harnessing .body strong,
#harnessing .body h2,
#harnessing .body a {
  color: #813053;
}
#harnessing .body .intro {
  color: #813053;
  padding: 30px 0px 0px;
}
#harnessing .body .intro strong {
  color: #cd6f27;
}
#harnessing .body .banner {
  width: 93%;
  margin: 50px 0 60px -33.3%;
}
#harnessing .body .qmark {
  width: 100px;
  float: left;
  margin: 10px -50px 0;
}
#harnessing .body .question {
  color: #813053;
  font-size: 18px;
  font-weight: normal;
}
#harnessing .body .question .arrow {
  float: left;
  margin-left: -72px;
  margin-top: -5px;
}
#harnessing .body .answer {
  color: #cd6f27;
  font-weight: bold;
  font-size: 21px;
  line-height: 21px;
}
#harnessing .body .aside1 {
  margin-right: 0;
  margin-bottom: -60px;
  width: 200px;
  color: #DEB209;
}
#harnessing .body .aside1 strong {
  color: #DEB209;
}
#harnessing .body .aside1 figcaption {
  margin-top: 5px;
}
#fcth {
  background-color: #fff;
}
#fcth h1 {
  background-color: #40aabe;
}
#fcth h1:after {
  content: "";
  display: table;
  clear: both;
}
#fcth .article-head {
  color: #fff;
  background-color: #4c65ab;
  float: left;
  padding: 2.5em 1em 2em 3em;
  margin-right: 0.5em;
  text-align: right;
  font-size: 80%;
  text-transform: uppercase;
  max-width: 38%;
}
#fcth .article-subhead {
  color: #682666;
  background-color: #40aabe;
  padding: 4em 1em 0 1em;
}
#fcth .body strong,
#fcth .body h2,
#fcth .body a {
  color: #008DA8;
}
#fcth .body .intro {
  font-size: 17px;
  color: #008DA8;
}
#fcth .body .aside1 {
  width: 66%;
  color: #4c65ab;
}
#fcth .body .aside1 img {
  width: 120px;
  float: left;
  margin-right: 16px;
}
#fcth .body .aside1 blockquote {
  margin-top: 0;
}
#fcth .body .aside1 strong {
  color: #4c65ab;
}
#fcth .body .aside2 {
  color: #008DA8;
}
#fcth .body .aside2 strong {
  color: #008DA8;
}
#fcth .body .aside3 {
  color: #4c65ab;
}
#fcth .body .aside3 strong {
  color: #4c65ab;
}
#supportive {
  background-color: #fff;
}
#supportive .article-head {
  background-color: #67A53A;
  color: #fff;
  float: left;
  padding: 2.5em 1em 1em 1em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 0.5em;
}
#supportive .article-subhead {
  background-color: #d4cf30;
  color: #327927;
  padding: 2.5em 1em 1em;
  font-size: 100%;
}
#supportive .body {
  padding-top: 30px;
}
#supportive .body strong,
#supportive .body h2,
#supportive .body a {
  color: #813053;
}
#supportive .body .intro {
  color: #327927;
  padding: 50px 0px 80px;
}
#supportive .body .intro strong {
  color: #327927;
  text-transform: uppercase;
}
#supportive .body .qmark {
  width: 100px;
  float: left;
  margin: 10px -50px 0;
}
#supportive .body .question {
  color: #327927;
  font-size: 18px;
  font-weight: normal;
}
#supportive .body .question .arrow {
  float: left;
  margin-left: -72px;
  margin-top: -5px;
}
#supportive .body .answer {
  color: #8D9424;
  font-weight: bold;
  font-size: 21px;
  line-height: 21px;
}
#supportive .body .aside1 {
  width: 200px;
  margin-right: 0;
}
#supportive .body .aside1 figcaption {
  color: #327927;
}
#supportive .body .aside1 figcaption strong {
  color: #327927;
}
#shields {
  background-color: #fff;
}
#shields h1 {
  color: #c21734;
  padding: 2.5em 0 1em ;
}
#shields .article-head {
  margin-bottom: 0.5em;
}
#shields .article-subhead {
  text-transform: uppercase;
  margin-left: 4em;
}
#shields .body {
  padding-top: 30px;
}
#shields .body strong,
#shields .body h2,
#shields .body a {
  color: #0080af;
}
#shields .body .source {
  font-style: italic;
  color: #999;
  font-size: 12px;
}
#shields .body ul {
  margin: 0;
  padding: 30px 0;
}
#shields .body ul li {
  list-style-type: none;
  width: 100%;
  margin: 1%;
  display: block;
  float: left;
}
#shields .body ul li img {
  width: 49%;
  margin-right: 2%;
  float: left;
}
#shields .body ul li figcaption {
  width: 49%;
  float: left;
  font-size: 16px;
  margin-top: 5px;
  color: #004B85;
}
#shields .body ul li figcaption:after {
  content: "";
  display: table;
  clear: both;
}
#bringinglight {
  background-color: #fff;
}
#bringinglight h1 {
  background: #13957C;
  padding: 2.5em 1em 1em;
  background-image: url(../issues/spring2017/_images/spring2017-bringinglight-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  background-size: cover;
}
#bringinglight .article-head {
  text-transform: uppercase;
  font-size: 75%;
  margin-bottom: 0.5em;
  color: #fff;
}
#bringinglight .article-subhead {
  color: #67A53A;
  font-size: 100%;
  margin-left: 4em;
}
#bringinglight .body {
  background-image: url(../issues/spring2017/_images/spring2017-bringinglight-body-bg.jpg);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
}
#bringinglight .body strong,
#bringinglight .body h2,
#bringinglight .body a {
  color: #67A53A;
}
#bringinglight .body .aside1 blockquote,
#bringinglight .body .aside2 blockquote,
#bringinglight .body .aside3 blockquote,
#bringinglight .body .aside1 figcaption,
#bringinglight .body .aside2 figcaption,
#bringinglight .body .aside3 figcaption {
  color: #682666;
}
#bringinglight .body .aside1 blockquote strong,
#bringinglight .body .aside2 blockquote strong,
#bringinglight .body .aside3 blockquote strong,
#bringinglight .body .aside1 figcaption strong,
#bringinglight .body .aside2 figcaption strong,
#bringinglight .body .aside3 figcaption strong {
  color: #682666;
}
#bringinglight .body .aside2 {
  max-width: 240px;
}
#stiles {
  background-color: #fff;
}
#stiles h1 {
  background-color: #C1D439;
}
#stiles h1:after {
  content: "";
  display: table;
  clear: both;
}
#stiles .article-head {
  background-color: #3c939a;
  color: #fff;
  float: left;
  padding: 2.5em 1em 2em 6em;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-right: 0.5em;
  text-align: right;
}
#stiles .article-subhead {
  background-color: #C1D439;
  color: #0E6F75;
  padding: 2.5em 1em 0 1em;
  font-size: 100%;
}
#stiles .body strong,
#stiles .body h2,
#stiles .body a {
  color: #67A53A;
}
#stiles .body .aside1 blockquote {
  color: #3c939a;
}
#stiles .body .aside1 blockquote strong {
  color: #3c939a;
}
#stiles .body .aside2 {
  width: 55%;
}
#stiles .body .aside2 img {
  width: 120px;
  float: left;
  margin-right: 16px;
}
#stiles .body .aside2 blockquote {
  margin-top: 0;
  color: #67A53A;
}
#stiles .body .aside2 blockquote strong {
  color: #67A53A;
}
#stiles .body .aside3 blockquote {
  color: #67A53A;
}
#stiles .body .aside3 blockquote strong {
  color: #67A53A;
}
#hereditary {
  background-color: #fff;
}
#hereditary h1 {
  background-color: #67A53A;
  padding: 2.5em 1em 1em;
}
#hereditary .article-head {
  text-transform: uppercase;
  font-size: 80%;
  margin-bottom: 0.5em;
  color: #fff;
  letter-spacing: 1px;
}
#hereditary .article-subhead {
  color: #004B85;
  font-size: 100%;
  margin-left: 4em;
}
#hereditary .body {
  background-image: url(../issues/spring2017/_images/spring2017-hereditary-bg.jpg);
  background-repeat: no-repeat;
  background-position: left 100px;
}
#hereditary .body strong,
#hereditary .body h2,
#hereditary .body a {
  color: #004B85;
}
#hereditary .body .intro {
  color: #67A53A;
}
#hereditary .body .aside1 blockquote,
#hereditary .body .aside1 figcaption {
  color: #004B85;
}
#hereditary .body .aside1 blockquote strong,
#hereditary .body .aside1 figcaption strong {
  color: #004B85;
}
#hereditary .body .aside2 blockquote {
  color: #004B85;
}
#hereditary .body .aside2 blockquote strong {
  color: #004B85;
}
@media (max-width: 999px) {
  #frame {
    width: 100%;
    max-width: 1000px;
  }
  article header img {
    width: 100%;
  }
  .main-article.no-sidebar .body {
    padding: 0;
    margin: 0 auto 30px;
    max-width: 600px;
  }
  #home-link {
    border: none;
    text-align: right;
    display: none;
  }
  #syn-logo {
    height: 40px;
    width: 200px;
    margin: 5px 1% 5px 20px ;
    text-align: left;
    background-size: 200px;
    float: left;
  }
  #syn-logo a {
    text-align: center;
    margin: 0 auto;
  }
  #tagline {
    height: 15px;
    text-align: right;
    margin: 20px 0 0 10px;
    float: left;
    line-height: 1;
    padding: 0;
    vertical-align: middle;
  }
  #issue {
    border: none;
    height: 15px;
    text-align: left;
    margin: 20px 0 0 20px;
    float: left;
    line-height: 1;
    padding: 0;
    vertical-align: middle;
  }
  .article-paging {
    margin-left: 20px;
    float: left;
  }
}
@media (max-width: 959px) {
  .group--mobile {
    display: block;
    float: left;
    width: 100%;
    margin-left: 220px;
  }
  #issue {
    margin-top: 15px;
  }
  .article-paging {
    font-size: 40px;
    line-height: 40px;
    height: 40px;
  }
}
@media (max-width: 859px) {
  .title {
    display: block;
  }
  .main-article.no-sidebar aside.pull-left {
    margin-left: -10%;
    width: 48%;
  }
  .main-article.no-sidebar aside.pull-right {
    margin-right: -10%;
    width: 48%;
  }
}
@media (max-width: 767px) {
  #contentleft {
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    width: 100% !important;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 0;
  }
  #contentleft .navbar {
    width: 100% !important;
  }
  #contentcenter {
    margin-left: 0px;
  }
  #frame > header .wordmark img {
    width: 119px;
  }
  #syn-logo {
    height: 20px;
    width: 100%;
    margin: 10px auto;
    background-position: center center;
  }
  #syn-logo a {
    text-align: center;
    margin: 0 auto;
  }
  #tagline {
    height: auto;
    width: 100%;
    text-align: center;
    margin: 0 auto 6px;
    line-height: 1;
    padding: 0;
  }
  .group--mobile {
    display: block;
    float: left;
    width: 100%;
    margin-left: 0px;
    text-align: center;
    height: 36px;
  }
  #issue {
    border: none;
    height: 20px;
    text-align: center;
    margin: 8px 0 6px;
    vertical-align: top;
    line-height: 1;
    padding: 0;
    float: none;
    display: inline-block;
  }
  .article-paging {
    font-size: 30px;
    line-height: 30px;
    height: 30px;
    float: none;
    display: inline-block;
  }
  .issue-home .span2.col {
    margin: 0;
    width: 100%;
    float: right;
  }
  .issue-home .span8.col {
    margin: 0;
    width: 100%;
    float: right;
  }
  #inside-articles {
    margin-bottom: 0px;
  }
  li.excerpt {
    height: 400px;
  }
  #toc li {
    width: 47%;
    margin-right: 2%;
    display: inline-block;
  }
  #past-issues {
    margin: 0 !important;
  }
  .main-article.no-sidebar aside.pull-left {
    margin-left: 0%;
    width: 40%;
  }
  .main-article.no-sidebar aside.pull-right {
    margin-right: 0%;
    width: 40%;
  }
}
@media (max-width: 640px) {
  .main-article.no-sidebar .body {
    box-sizing: border-box;
    padding: 0 20px;
    margin: 0 0 30px;
    max-width: 640px;
  }
}
@media (max-width: 599px) {
  #bitsandpieces .story5 .body .list-one,
  #bitsandpieces .story5 .body .list-two {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  #harnessing .body .question .arrow,
  #supportive .body .question .arrow {
    margin-left: -40px;
    margin-right: 10px;
  }
  #harnessing .body .qmark,
  #supportive .body .qmark {
    width: 50px;
    margin-left: 0;
  }
  #harnessing .body .banner,
  #supportive .body .banner {
    width: 100%;
    margin: 0;
  }
  #harnessing .body .aside1,
  #supportive .body .aside1 {
    margin-bottom: 20px;
    width: 48% !important;
    margin-left: 10px;
  }
  #fcth .article-head,
  #stiles .article-head {
    padding-left: 1em;
  }
  #immunotherapies .article-subhead,
  #bringinglight .article-subhead {
    text-align: right;
    margin-left: 0;
  }
}
@media (max-width: 480px) {
  #contentcenter #main #home-intro > a {
    width: 100%;
    text-align: center;
    display: block;
  }
  #contentcenter #main #home-cover {
    display: inline-block;
    margin: 10px auto;
    max-width: 300px;
    width: 100%;
    float: none;
  }
  #contentcenter #main #home-toc {
    text-align: center;
    width: 100%;
  }
  #cover {
    position: relative;
  }
  #cover article {
    padding-bottom: 140px;
  }
  #pdf-dl {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 16px;
  }
  #pdf-dl h2 {
    margin-bottom: 16px;
  }
  #past-issues li {
    width: 47%;
  }
  .main-article.no-sidebar aside.pull-left {
    margin: 1.5em 0;
    width: 100% !important;
  }
  .main-article.no-sidebar aside.pull-right {
    margin: 1.5em 0;
    width: 100% !important;
  }
  .main-article.no-sidebar aside blockquote {
    margin: 0;
  }
  #teaching .article-subhead {
    text-align: right;
    margin-left: 0;
  }
  #shields .body ul {
    max-width: 320px;
    margin: 0 auto;
  }
  #shields .body ul li img {
    width: 100%;
    margin: 0 auto 5px;
    float: left;
  }
  #shields .body ul li figcaption {
    width: 100%;
    margin-bottom: 15px;
  }
}