@media screen and (max-width: 1199px){

  main.page--staff article .content--body a.backtomediaroom {
    padding-left: 8px;
  }

  /* Navigation */

  header.theme--base .content--all ul li{
    padding: 0px 11px;
  }

  section.navigation li.mlid-787 ul.menu li{
    padding: 16px 20px;
  }

  section.navigation li.mlid-818 ul.menu li{
    padding: 16px 20px;
  }

}

@media screen and (max-width: 1100px){

  header .inner,
  main.page--who-we-are .hero .inner{
    width: 70%;
  }

    header.theme--base .content--all a {
    font-size: 14px;
}

  /* Navigation */

  header.theme--base{
    padding: 0px 6%;
  }

  header.theme--base .content--all .navigation{
    padding: 0 0 0 35px;
  }

  header.theme--base .content--all ul li{
    padding: 0px 7px;
  }

  section.navigation li.mlid-787 ul.menu li{
    padding: 16px 12px;
  }

  section.navigation li.mlid-818 ul.menu li{
    padding: 16px 12px;
  }

  header.theme--base .content--all .social-media--all .social-media{
    padding: 0 12px 0 0;
  }

  /* Home Page */
  main.page--home .about .content--all{
    padding-left: 0px;
  }

  /* Pagination */
  .page-media-room .content--body li.pager-previous{
    margin-right: 0px;
  }

  .page-media-room .content--body li.pager-next{
    margin-left: 0px;
  }

}


@media screen and (max-width: 950px){

  div.outer-head-wrap {
    left:0;
  }

  main.page--basic .content--body{
    width: 80%;
  }

  /* Individual Staff and Article Pages */
  main.page--staff .container--info,
  main.page--staff .articlebody p,
  .node-type-staff main.page--staff article h1{
    width: 100%;
    margin-left: 0%;
  }

  body.node-type-article .articlewrapper{
    width: 100%;
  }

  /* Contact Page */

  main.page--basic .signupform{
    width: 80%;
  }

  /* Individual Department and Negative Person Pages */

  body.node-type-department .articlewrapper,
  body.node-type-negative-person .articlewrapper,
  body.node-type-issue .articlewrapper{
    width: 80%;
  }

  /* All Issues Page */


  div.all-issues .views-row{
    width: 25%;
  }

  div.all-issues .views-row:nth-child(6n){
    margin-left: -4px;
  }

  div.all-issues .views-row:nth-child(5n){
    margin-left: 0px;
  }

  body.page-departments div.all-issues .views-row:nth-child(6n+1),
  body.page-organizations div.all-issues .views-row:nth-child(6n+1),
  body.page-issues div.all-issues .views-row:nth-child(6n+1){
    margin-left: -4px;
  }

  body.page-departments div.all-issues .views-row:first-child,
  body.page-organizations div.all-issues .views-row:first-child,
  body.page-issues div.all-issues .views-row:first-child{
    margin-left: 0px;
  }

  /* Matt Bownman Content Type */

  div.imtext-img-left,
  div.imtext-body-content.left-im,
  div.imtext-img-right,
  div.imtext-body-content.right-im{
    float: none;
    width: 100%;
    padding-left: 0%;
  }

  div#matt-sec-1 div.matt-con-body, div#matt-sec-2 div.matt-con-body, div#matt-sec-3 div.matt-con-body, div#matt-sec-4 div.matt-con-body, div#matt-sec-5 div.matt-con-body{
    width: 100%;
  }

  div.matt-top-content-wrap span.r-arrow{
    right: 14%;
  }

}


@media screen and (max-width: 919px){

  header.theme--base .content--all .mobile {
    display: flex;
  }

  header.theme--base .content--all .desktop {
    display: none;
  }

    header.theme--base .content--all a {
    font-size: 17px;
}

  header.theme--base .content--all .mobile .social-media.facebook svg,
  header.theme--base .content--all .mobile .social-media.twitter svg{
    width: 25px;
  }

  /* Home Page */

  main.page--home .about .content--all{
    display: block;
  }

  main.page--home .about .content--all article{
    display: block;
    padding: 0px;
  }

  main.page--home .about .content--all .who-we-are{
    margin-top: 40px;
  }

  .row .view-news{
    display: block;
    width: 100%;
    margin-right: 0% !important;
  }

  .socialcard{
    width: 100%;
    padding: 40px 30px 40px 30px;
    margin-right: 0%;
    margin: 40px 0px;
  }

  .row {
    display:block;
  }

  .row:nth-child(even) .socialcard{
    margin-bottom: 0px;
  }

  section.latest-news .row{
    margin-bottom: 0px;
  }

  div.socialcard.facebook-card-wrap,
  div.socialcard.twiiter-card-wrap{
    height: auto !important;
  }

  /* Campaign Page */

  header .inner,
  header .inner, main.page--who-we-are .hero .inner{
    width: 80%;
  }

  div.darkgray.section .inner,
  div.lightgray.section .inner,
  div.white.section .inner{
    width: 80%;
  }

  .issueblock .contentleft,
  .issueblock .contentright{
    width: 80%;
    display: block;
    margin-left: 0%;
    margin: auto;
  }

  .issueblock.orgs .contentleft{
    margin-left: 0%;
    margin: auto;
  }

  .section h2{
    font-size: 40px;
    line-height: 45px;
    margin-bottom: 30px;
  }

  .issueblock .view-row,
  .orgblock .view-row,
  body.node-type-biden-person .departmentsblock .view-row {
    display: block;
    margin: auto;
  }

  div.view-display-id-block_3 div.views-row{
    margin-left: 0px;
    margin: auto;
  }

  .issueblock.orgs .contentright .view-row:nth-child(2){
    margin-right: 0%;
    margin: auto;
  }

  .issueblock.orgs .contentleft.desktop-only{
    display: none;
  }

  .issueblock.orgs .contentleft.mobile-only{
    display: block;
  }

  body.node-type-campaign .issueblock.orgs,
  body.node-type-campaign .issueblock.outside-org{
    padding-top: 96px;
  }

  div.view-main-negative-people.view-display-id-block_5 .view-row:nth-child(2),
  div.view-biden-people.view-display-id-block_5 .view-row:nth-child(2){
    margin: auto !important;
  }

  /* Media Room Page */

  article.what-we-do div.contentright,
  article.what-we-do div.contentleft{
    float: none;
    display: block;
    width: 100%;
    margin: 0px;
  }

  article.what-we-do div.contentleft{
    margin-top: 60px;
  }

  main.page--basic .what-we-do{
    padding: 50px 5%;
    box-sizing: border-box;
  }

  /* Negative Person Page */

  .negative_person .contentleft{
    display: block;
    width: 100%;
    float: none;
  }

  .negative_person .contentright{
    display: block;
    width: 100%;
    max-width: 400px;
    margin: auto;
    margin-bottom: 40px;
    float: none;
  }

  .articlewrapper{
    width: 90%;
  }

  .articlewrapper.all-issues{
    width: 100%;
  }

  .negative_person #primarycontent .backtomediaroom,
  .negative_person #secondarycontent .backtomediaroom{
    left: 5%;
  }

  #secondarycontent .inner{
    width: 90%;
  }

  #secondarycontent p,
  #secondarycontent ul li,
  #secondarycontent ol li,
  #secondarycontent a,
  #secondarycontent a:visited{
    font-size: 20px;
    line-height: 30px;
  }

  /* Press Inquiries Page */

  /*div#press-contact-wrap main.page--basic .wrapper--full-width-viewport,
  main.press-inq-main{
    width: 90%;
  }

  div#press-signup-form .signupform{
    padding: 45px 0px 60px 0px;
  }*/

  /* Who We Are Page */

  .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row{
    width: 31.6%;
  }

  /* Negative Person */

  /* Accordian */

  div.top-content-wrap h2{
    font-size: 40px !important;
    line-height: 45px !important;
  }

}

@media screen and (max-width: 819px) {

  main.page--staff .container--headshot {
    float: unset;
    margin: 0;
  }

  .articlewrapper {
    width: 100%;
    /*margin: 20px 0 50px;*/
    /*padding: 0 20px;*/
  }

  footer.theme--base .content--all .navigation nav {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  footer.theme--base .content--all .navigation nav .nav-item {
    margin: 4px 0;
  }

  /* Who-We-Are Page */

  .page-node-64 .staff-view .content-all,
  .page-node-64 .staff-view .content-all .view-content{
    display: block;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row{
    display: block;
    width: 100%;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row{
    margin: 40px 0 0 0;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--headshot{
    width: 100%;
    margin-bottom: 30px;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy{
    width: 100%;
    padding-left: 0%;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--headshot{
    text-align: center;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--headshot img{
    width: 300px;
  }

  div.view-display-id-block_1 div.views-row{
    height: auto !important;
  }

  /* Campaign Page */

  .view-row .person,
  .departments .view-header{
    width: 25%;
  }

  .view-row .person{
    width: 25%;
  }

  body.node-type-campaign .view-row .person{
    width: 30%;
  }

  div#campaign-btn-wrap a.btn-issue,
  div#campaign-btn-wrap a.btn-issue:visited{
    display: block;
    width: 100%;
    margin-right: 0px;
    margin-bottom: 10px;
  }

  div#campaign-btn-wrap a.btn-issue:last-child{
    margin-bottom: 0px;
  }

  /* Media Room Page */

  #tabnav li{
    margin-right: 15px;
  }

  #tabnav li:last-child{
    margin-right: 0px;
  }

}


@media screen and (max-width: 750px){

  body.node-type-department .articlewrapper, body.node-type-biden-department .articlewrapper, body.node-type-negative-person .articlewrapper, body.node-type-biden-person .articlewrapper, body.node-type-organization .articlewrapper {
    width:90%;
  }

  /* Media Room Page */

  #tabnav ul{
    padding: 20px 5%;
    box-sizing: border-box;
  }

  .cc {
    width: 100%;
  }

  #tabnav li{
    display: block;
    margin-right: 0px;
    padding: 0px;
    margin: 20px 0px;
  }

    .leftfloated {
    width: 100%;
    max-width: 100%;
    }

  #tabnav li:hover{
    border-color: transparent;
  }

  #tabnav li.first-child{
    margin-top: 0px;
  }

  #tabnav li.active-trail{
    /*border-bottom: none;*/
    padding-bottom:10px;
  }

  .content--body .item-list ul li{
    border-bottom: none;
  }

  .content--body .item-list ul li a,
  .content--body .item-list ul li a:visited{
    text-decoration: none;
  }

  /* Footer Nav */

  section.footer-nav ul li{
    display: block;
    margin-right: 0px;
    text-align: center;
    margin-bottom: 10px;
  }

  section.footer-nav ul li a{
    font-weight: 700;
  }

  section.footer-nav ul li.mlid-787 > ul.menu li a{
    font-weight: 400;
    color: #9B9B9B;
  }

  section.footer-nav ul li.mlid-787 > ul.menu{
    margin-bottom: 6px;
  }

  section.footer-nav li.mlid-787 ul.menu{
    top: 6px;
  }

  section.footer-nav ul li.mlid-818 > ul.menu li a{
    font-weight: 400;
    color: #9B9B9B;
  }

  section.footer-nav ul li.mlid-818 > ul.menu{
    margin-bottom: 6px;
  }

  section.footer-nav li.mlid-818 ul.menu{
    top: 6px;
  }

  footer.theme--base .content--all .social-media--all{
    margin: 30px 0px;
  }

  /* All Issues Page */

  div.all-issues .views-row{
    width: 50%;
    margin-left: -4px !important;
    margin-bottom: 5px;
  }

  div.all-issues .views-row:nth-child(2n+1){
    margin-left: 0px !important;
  }

  /* Matt Bownman Content Type */

  h2.matt-title{
    text-align: left;
  }

  div.matt-top-content-wrap span.r-arrow{
    right: 0%;
  }
}

@media screen and (max-width: 667px){
  .blog-left img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.blog-left {
  width: 100%;
}
.blog-right {
  width: 100%;
  margin-left: 0%;
  margin-top: 25px;
}
  main.page--basic .content--body a.backbtn, main.page--basic .content--body a.downloadpdf {
    display:block;
    margin-bottom:10px;
    text-align:center;
  }

  div.view-main-negative-people.view-display-id-block_9 .view-row:nth-child(2),
  div.view-biden-people.view-display-id-block_9 .view-row:nth-child(2), 
  div.view-state-watch-negative-people.view-display-id-block_9 .view-row:nth-child(2),
  div.view-state-watch-biden.view-display-id-block_9 .view-row:nth-child(2) {
    margin:auto !important;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row {
    flex-direction: column;
    align-items: center;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--headshot {
    width: 100%;
    margin: 20px 0;
    flex-basis: unset;
    display: flex;
    justify-content: center;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--headshot .field-content {
    max-width: 60%;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--headshot img {
    width: 100%;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy .container--info {
    flex-direction: column;
  }

  main.page--who-we-are .hero .content--all .title,
  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy .container--job-title, .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row .container--copy .container--job-title {
    text-align: center;
  }

  main.page--who-we-are .hero .content--all .title{
    text-align: left;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy .container--job-title.mobile {
    display: unset;
    margin-bottom: 8px;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy .container--job-title.desktop {
    display: none;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy {
    max-width: unset;
    padding-left: unset;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block_1 .view-content {
    flex-direction: column;
  }

  .page-node-64 .staff-view .content-all .view-display-id-block .views-row .container--copy .container--click-through-link, .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row .container--copy .container--click-through-link {
    /*margin-left: auto;*/
    text-align: left;
    width: 100%;
  }

/*  .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row {
    margin: 16px 0;
  }
*/
  .page-node-64 .staff-view .content-all .view-display-id-block_1 .views-row .container--copy {
    align-items: center;
  }

  main.page--basic .signupform form .wrapper--inputs input[type="text"],
  main.page--basic .signupform form .wrapper--inputs input[type="email"],
  main.page--basic .signupform form .wrapper--inputs input[type="submit"] {
    width: 100%;
  }


  /* Home Page */

  main.page--home header.hero .hero-title{
    margin-left: 0px;
  }

  main.page--home header.hero .hero-body{
    margin-left: 0px;
  }

  /* Styles Page */

  .leftfloated,
  .rightfloated{
    text-align: center;
  }

  .leftfloated img,
  .rightfloated img{
    float: none !important;
    margin: 40px 0px;
  }

  /* Campaign Page */

  body.node-type-campaign .view-row .person{
    width: 50% !important;
    height: 280px !important;
    /*float: none !important;*/
    float: left !important;
  }

  .view-row .person,
  .departments .view-header{
    width: 50%;
  }

  header#masthead h1{
    margin-left: 0px;
  }

  header#masthead p{
    margin-left: 0px;
  }

  /* Media Room Page */

  .not-front header#hero .inner{
    width: 80%;
  }

  .newscard .pubinformation p span.articletype{
    display: block;
    margin-left: 0px;
  }

}

@media screen and (max-width: 560px){

  .blog-image {
    width: 100%;
    display: inline-block;
}
.blog-body {
  width: 100%;
  margin-left: 0%;
}

.blog-tags {
  margin-left: 0;
}

.view-display-id-page_2 .readmore {
  margin-left: 0;
}
  figure {
    float:none !important;
  }

  body.node-type-page .content--body h2{
    font-size: 40px;
    line-height: 45px;
  }

  /* Photo Grid - Campaigns Page */

  /*.view-row:nth-child(5n+2) .person, .view-row:nth-child(10n+2) .person {
    width:100%;
    height:280px;
    float:none;
  }

  .view-row .person{
    width: 100% !important;
    height: 380px !important;
    float: none !important;
  }*/

  /*----*/

  main.page--home header.hero,
  main.page--home .about,
  section.latest-news{
    padding: 96px 5%;
  }

  main.page--basic .content--body{
    width: 100%;
  }

  /* Home Page */

  main.page--home header.hero .copy{
    background-image: url('../assets/mobile-bg-header-broken-border-white.png');
  }

  main.page--home header.hero .content-label,
  main.page--home header.hero .container-link{
    margin-left: 18px;
  }

  main.page--home .about .content--all .who-we-are{
    padding: 40px 6%;
    box-sizing: border-box;
  }

  main.page--home .about .content--all .link--full-article .text{
    font-size: 18px;
  }

  /* Styles Page */

  .not-front main.page--basic h1{
    font-size: 45px;
    line-height: 50px;
  }

  /* Generic Page */

  body.not-front header .inner,
  header .inner, main.page--who-we-are .hero .inner{
    width: 100%;
  }

/*  main.page--home header.hero .copy {
    background-size: cover;
  }*/

  /* Campaign Page */

  header#masthead .copy{
    background-image: url('../assets/mobile-bg-header-broken-border-black.png');
  }

  div.darkgray.section .inner,
  div.lightgray.section .inner,
  div.white.section .inner{
    width: 90%;
  }

  .issueblock .contentleft, .issueblock .contentright{
    width: 90%;
  }

  body.node-type-campaign .issueblock{
    /*margin-bottom: 70px;*/
  }

  .section.darkgray h2,
  .section.lightgray h2,
  .section.white h2{
    font-size: 45px;
    line-height: 50px;
    margin: 0 0 30px 0;
  }

  /* Negative Person */

  /* Accordian */

  div.top-content-wrap span.r-arrow{
    right: 0%;
  }

  div.top-content-wrap h2 {
    font-size: 35px !important;
    line-height: 40px !important;
    width: 95%;
  }

  div#person-con-wrap div.hide-text h2{
    font-size: 30px;
    line-height: 40px;
    color: #CA4F0F;
  }

  div#person-con-wrap div.hide-text h3{
    font-size: 26px;
    line-height: 36px;
  }

  div#person-con-wrap div.hide-text h4{
    font-size: 22px;
    line-height: 32px;
  }

  div#person-con-wrap div.hide-text h5{
    font-size: 18px;
    line-height: 28px;
  }

  div#person-con-wrap div.hide-text h6{
    font-size: 15px;
    line-height: 25px;
  }


  /* Individual Media Page */

  .node-type-article main.page--article article h1{
    font-size: 50px;
    line-height: 55px;
  }

  body.node-type-article div.pubinformation p:first-child{
    display: block;
    margin-bottom: 24px;
  }

  main.page--article article .pubinformation p{
    margin-right: 0px;
  }

  /* Contact Page */

  main.page--basic .signupform{
    width: 100%;
  }

  /* Individual Department and Negative Person page */

  body.node-type-department .articlewrapper,
  body.node-type-negative-person .articlewrapper,
  body.node-type-issue .articlewrapper{
    width: 90%;
  }


  /* Matt Bowman Content Type */

  .content--body ul,
  .content--body ol{
    padding-left: 40px;
  }

  h2.matt-title{
    font-size: 30px;
  }

  div.imtext-outer{
    margin: 30px 0px;
  }

  div#matt-feature-sec,
  div#matt-sec-1,
  div#matt-sec-2,
  div#matt-sec-3,
  div#matt-sec-4{
    margin-top: 30px;
  }

}

@media screen and (max-width: 400px){

  div.inner-wrap h1{
    font-size: 44px;
    line-height: 50px;
  }

  /* Campaign Page */

  .view-row .person,
  .departments .view-header{
    width: 100% !important;
    height: 380px !important;
  }

  /* All Issues Page */

  div.all-issues .views-row{
    width: 100%;
    display: block;
    margin-left: 0px !important;
    margin-bottom: 0px;
  }

  body.page-departments div.result-wrap,
  body.page-issues div.result-wrap,
  body.page-organizations div.result-wrap{
    width: 90%;
    margin: auto;
  }

}


@media screen and (max-width: 1080px) and (min-width: 950px) {

  div.overlay-wrap h2{
    font-size: 18px;
    line-height: 22px;
  }

}