@media (max-width: 1500px) {
  #masthead {
    background-size: 110% auto;
  }
}

@media (max-width: 1400px) {
  #masthead {
    background-size: 120% auto;
  }
}

@media (max-width: 1200px) {
  #navigation ul li {
    font-size: 14px;
  }

  #masthead {
    background-size: 125% auto;
  }
  .endorsement-item {
    flex: 0 0 calc((100% - 40px) / 3);
  }
}

@media (max-width: 1100px) {
  .inner {
    width: 90%;
  }

  #footernavigation ul li {
    margin-right: 10px;
  }

  #masthead {
    background-size: cover;
  }
}

@media (max-width: 1000px) {
  .takeoverleft,
  .takeoverright {
    width: 100%;
  }

  .takeoverleft {
    margin-bottom: 20px;
  }

  #takeovercontent h1 {
    font-size: 32px;
    line-height: 37px;
    margin-bottom: 10px;
  }

  #logo {
    width: 20%;
  }

  #navigation {
    width: 79%;
  }
}

@media (max-width: 900px) {
  .quote.section {
    padding: 10px 0 50px 0;
  }
  .contentleft,
  .contentright {
    width: 100%;
  }

  .whitesection {
    padding-bottom: 25px;
  }
  .contentleft {
    margin-right: 0;
    margin-bottom: 20px;
  }

  .altrow .card {
    width: 100%;
  }

  .quotecontent .bars {
    width: 10%;
  }

  .quote.section h2 {
    width: 80%;
  }

  h2,
  .section h2,
  .quote.section h2,
  .endorsements h2 {
    font-size: 34px;
    line-height: 44px;
  }

  .smallbars {
    width: 3%;
  }

  .altrow .card {
    margin-bottom: 10px;
  }

  .donatebuttons {
    width: 100%;
  }

  .donatebuttons a {
    width: 45%;
  }

  #takeoverleft {
    width: 100%;
  }

  #takeoverright {
    width: 100%;
  }

  .callout p {
    width: 100%;
  }

  .numbergrid {
    width: 100%;
    display: block;
  }

  .numberitem {
    padding: 0;
  }

  .altrow .card img {
    margin-bottom: 20px;
  }

  .twocolrow .colleft,
  .twocolrow .colright {
    width: 100%;
  }

  .orangesection.largequote .bars {
    width: 7%;
  }

  .orangesection.largequote h2 {
    font-size: 28px;
    line-height: 34px;
    width: 82%;
  }

  .subheader {
    width: 100%;
  }

  .issues {
    display: block;
  }

  .issueitem {
    margin-bottom: 20px;
    padding: 25px 15px;
    display: block;
  }

  .issueitem h5 {
    top: 0;
    transform: none;
    font-size: 15px;
    line-height: 20px;
  }

  #titlebar h1 {
    font-size: 32px;
    line-height: 37px;
  }

  .callout p {
    font-size: 25px;
    line-height: 30px;
  }

  .subheader {
    min-width: 0;
  }

  .endorsement-item {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}

@media (max-width: 800px) {
  #footerlogo {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
  }

  #footernavigation {
    margin-bottom: 0;
  }

  #footernavigation {
    width: 100%;
    text-align: center;
  }

  #footertop {
    margin-bottom: 20px;
    flex-direction: column;
  }

  .footerleft,
  .footerright,
  #footer p.disclaimer,
  .footersocial {
    width: 100%;
    display: block;
    margin-bottom: 20px;
    text-align: center;
  }

  .footersocial {
    margin-left: 0;
    border: none;
  }

  #footer p.disclaimer {
    padding: 10px 5px;
  }

  .footerright {
    margin-bottom: 0;
  }

  #footernavigation ul li {
    margin-right: 0;
    display: block;
    margin-bottom: 20px;
    margin-left: 0px;
  }

  #footernavigation ul li:last-child {
    margin-bottom: 0;
  }

  #footerlogo {
    margin-bottom: 40px;
  }

  .callout p {
    text-align: left;
  }

  .mobileonly {
    display: block;
  }

  .desktoponly {
    display: none !important;
  }

  .pagenotfound h1 {
    font-size: 175px;
    line-height: 180px;
  }

  .pagenotfound h2 {
    font-size: 25px;
    line-height: 30px;
  }

  #pagenotfoundbtn {
    font-size: 18px;
    line-height: 24px;
    padding: 20px 45px;
  }

  #tkleft {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
  }

  #tkright {
    width: 100%;
  }

  body.home.takeover-open {
    /* height:auto !important;
	    overflow:visible !important; */
    margin-top: 0 !important;
  }

  #takeover {
    height: 100%;
  }

  .takeover-closed #takeover {
    display: none;
    height: 0;
    margin-top: 0 !important;
  }

  #masthead {
    background: none !important;
    height: auto;
    margin-top: 20px;
    padding: 30px 0;
  }

  #mastheadcontent {
    width: 100%;
    top: 0;
    transform: none;
  }

  .at label.at-text input {
    font-size: 14px !important;
    letter-spacing: 0.6px !important;
  }

  .card .smallbars {
    left: -25%;
  }

  #masthead h1 {
    font-size: 44px;
    line-height: 50px;
  }

  #masthead p {
    font-size: 22px;
    line-height: 27px;
  }

  .section h3 {
    font-size: 30px;
    line-height: 35px;
    text-align: left;
  }

  .endorsement-item h3 {
    font-size: 20px;
  }

  .endorser-title {
    font-size: 16px;
  }

  .orangesection + .whitesection {
    padding-top: 50px;
  }

  .issuerow {
    padding: 20px;
  }

  .issuerow h2 {
    font-size: 26px;
    line-height: 31px;
    width: 80%;
  }

  .numberitem h5 {
    font-size: 24px;
    line-height: 30px;
  }

  .altrow,
  .altrow.image-left,
  .altrow.image-right {
    flex-direction: column;
  }

  .altrow .card {
    width: 100%;
    margin-bottom: 10px;
  }

  .altrow.image-right .card:first-child,
  .altrow.image-left .card:first-child {
    margin-right: 0;
    margin-left: 0;
  }

  #logo {
    width: 40%;
  }
}

@media (max-width: 700px) {
  #takeovercontent {
    display: block;
  }
}

@media (max-width: 600px) {
  .endorsement-item {
    flex: 0 0 100%;
  }

  .arrow-back img,
  .arrow-forward img {
    width: 30px;
  }
}

@media (max-width: 500px) {
}

@media (max-width: 450px) {
}

@media (max-width: 400px) {
  #titlebar h1 {
    font-size: 28px;
  }
}

@media (max-width: 350px) {
}