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

   .news-hero-banner-bg .biden--img {
      position: absolute;
      bottom: 0;
      left: 0;
      top: 0;
   }

   .news-hero-banner-bg .biden--img:before {
      content: "";
      width: 350px;
      height: 420px;
      background: url(/public/images/US.png);
      background-size: contain;
      background-position: bottom center;
      background-repeat: no-repeat;
      display: block;
   }

   .toss--up--map--div--block {
      padding-top: 0;
      padding-bottom: 0;
   }

   .three-logos .herp--para {
      font-size: 14px;
   }

}

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

   .main.news-hero-banner-bg {
      padding: 80px 15px 80px 15px;

   }

   .three-logos .herp--para {
      font-size: 11px;
   }

   .toss--up--map--div--block .container {
      max-width: 800px;
   }
}

@media only screen and (max-width: 820px) {
   .main.news-hero-banner-bg h1 {
      font-size: 50px;
      margin: auto;
      width: 750px;
      font-weight: 300;
      line-height: 1.4em;
      color: #fff;
      padding-bottom: 30px;
      z-index: 9;
      position: relative;
   }
}


@media only screen and (max-width: 550px) {
   .main.news-hero-banner-bg {
      background: url(/public/images/hero-banner.png);
      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;
      /* padding: 80px 30px 80px 30px; */
      margin: auto;
      text-align: center;
      position: relative;
      overflow: hidden;
     
   }
   .main.news-hero-banner-bg h1{
       min-width: 100% !important;
   }

   .main.news-hero-banner-bg h1 {
      font-size: 30px;
      margin: auto;
      width: 400px;
      font-weight: 300;
      line-height: 1.2em;
      color: #fff;
      padding-bottom: 30px;
      z-index: 9;
      position: relative;
   }

   .news-hero-banner-bg .biden--img:before {
      content: "";
      width: 200px;
      height: 270px;
      background: url(/public/images/US.png);
      background-size: contain;
      background-position: bottom center;
      background-repeat: no-repeat;
      display: block;
   }

   .retained-states .toss--up--h2 {
      font-size: 24px;
   }

   .three-logos .herp--para .note {
      font-size: 14px !important;
   }

}

@media only screen and (max-width: 440px) {
   .retained-states .toss--up--h2 {
      font-size: 18px;
   }
}

@media only screen and (max-width: 395px) {
   .main.news-hero-banner-bg h1 {
      font-size: 22px;
      width: 300px;
   }
}

@media only screen and (max-width: 440px) {
   .retained-states .toss--up--h2 {
      font-size: 16px;
   }
}

@media only screen and (max-width: 285px) {
   .main.news-hero-banner-bg h1 {
      font-size: 18px;
      width: 260px;
   }

   .retained-states .toss--up--h2 {
      font-size: 14px;
   }

   .three-logos .herp--para .note {
      font-size: 12px !important;
   }

}