.page-view {
  overflow:hidden
}
.publications-list {
  overflow:hidden
}
.publications-list .headline {
  font-family:"PT Sans",sans-serif
}
.publications-list .headline h1 {
  text-transform:uppercase;
  color:#22243a;
  font-weight:700
}

.publications-list .headline + .item {
  border-top: none;
  padding-top: 0
}
.publications-list .headline .page {
  color:#999;
  text-transform:none;
  margin-left: 10px;
  align-content: center
}
.publications-list .headline h1 a {
  text-decoration:none;
  color:#22243a
}
.publications-list .headline h1 a:hover {
  text-decoration:underline
}
.publications-list .headline h2 {
  color:#303f9f;
  font-weight:700
}
.publications-list .item {
  position:relative;
  overflow:hidden;
  font-family:'PT Sans Narrow',sans-serif
}
.publications-list .item time {
  display:block; 
  color:#999;
  float:left
}
.publications-list .item .story-heading {
  display:block;
  float:left;
  overflow:hidden;
  text-decoration:none
}
.publications-list .item .story-heading a {
  text-decoration:none;
  color:#22243a
}
.publications-list .item .story-heading a:hover {
  text-decoration:underline
}
.publications-list .item .story-heading .title {
  display:block;
  font-weight:700;
  color:#22243a
}
.publications-list .item .story-heading .lead {
  /* font-family:"PT Serif",times,serif; */
  color:#3d4658
}
.publications-list .item .story-heading .thumbnail {
  float:right;
  background-position:50% 50%;
  background-size:cover
}
.publications-list .item .story-type {
  display:inline-block;
  background-color:#303f9f;
  color:#fff;
  text-transform:uppercase;
  font-family:'PT Sans',sans-serif
}

@media screen and (min-width:19.375em) {
  .publications-list .headline {
    border-bottom:.0625rem solid #303f9b;
    margin-bottom:.4rem;
    padding-bottom:.5rem;
    line-height:1
  }
  .publications-list .headline h1 {
    font-size:1.3rem
  }
  .publications-list .headline .page {
    font-size:.7rem
  }
  .publications-list .headline h2 {
    font-size:1rem
  }
  .publications-list .item {
    border-top:.0625rem solid #e3e3e3;
    margin:.625rem 0;
    padding-top:.625rem
  }
  .publications-list .item time {
    font-size:.6875rem;
    width:10%;
    line-height:3
  }
  .publications-list .item .story-heading {
    width:90%
  }
  .publications-list .item .story-heading .title {
    font-size:1.375rem;
    line-height:1.2
  }
  .publications-list .item .story-heading .lead {
    font-size:.9375rem; 
    line-height:1.5;
    margin-top:1rem
  }
  .publications-list .item .story-heading .thumbnail {
    width:7.125rem;
    height:4.75rem;
    margin:1.5rem 0 .125rem .75rem
  }
  .publications-list .story-type {
    font-size:.625rem;
    padding:0 .15rem;
    margin-right:.5rem;
    line-height:1.3;
    vertical-align:.125rem
  }
}
@media screen and (min-width:34.875em) {
  .publications-list .headline h1 {
    font-size:1.4rem
  }
  .publications-list .item time {
    width:8%
  }
  .publications-list .item .story-heading {
    width:92%
  }
  .publications-list .item .story-heading .title.cut {
    width:17.2rem; 
    display:inline-block
  }
  .publications-list .item .story-heading .lead {
    font-size:1.0625rem
  }
  .publications-list .item .story-heading .thumbnail {
    width:12.5625rem;
    height:8.4375rem;
    margin-top:.6rem
  }
  .publications-list .item .story-type {
    font-size:.75rem
  }
}
@media screen and (min-width:39.375em) {
  .publications-list .item .story-heading .title.cut {
    width:21rem
  }
}
@media screen and (min-width:41.0625em) {
  .publications-list .item .story-heading .title.cut {
    width:22.9rem
  }
}
@media screen and (min-width:47.5em) {
  .publications-list .item .story-heading .title.cut {
    width:25.6rem
  }
}
@media screen and (min-width:61.75em) {
  .publications-list .item .story-heading .title.cut {
    width:22.5rem
  }
}
@media screen and (max-width:9999em) and (min-width:76.25em) {
  .publications-list .item time {
    width:5%
  }
  .publications-list .item .story-heading {
    width:95%
  }
  .publications-list .item .story-heading .title.cut {
    width:31.8rem
  }
}
