header nav ul.main {
  padding-top: 2rem;
}

#newsletter-btn {
      position: absolute;
      top: 100%;
      width: 220px;
      left: -22rem;
      text-transform: uppercase;
      color: white;
      background: #68757d;
      text-align: center;
      line-height: 1.1;
      padding: 1.3rem 0;
      z-index: 3;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    #newsletter-btn span {
      color: white;
      text-align: center;
      font-size: 1.3rem;
      line-height: 1;
      z-index: 3;
      font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    }

    .news.webinars .container.title .right-block {
    justify-content: unset;
    flex: unset;
}

  .news.webinars .container.title .right-block ul li {
    border-right: none;
    margin-left: 0;
  }

  .news.webinars .card-listing .card .card-text.extra {
    background: transparent;
  }

    .news.webinars .card-listing .card .card-text.extra a {
      font-size: 1.4em;
    }

    @media screen and (max-width: 1023px) {
      #newsletter-btn span {
        font-size: 1.2rem;
      }

      .news.webinars .container.title .right-block p {
        width: 75%;
      }
       .news.webinars .container.title .right-block ul {
         justify-content: unset;
          flex: unset;
       }

       .news.webinars .container.title .right-block ul li {
        margin-left: 10px;
       }

       #new-version header.with-subnav > .container .menu .icons button#clerks-tab, #new-version header.with-subnav > .container .menu .icons button#newsletter-btn {
                top: calc(100% + 3.9rem);
       }

       #new-version .listing-page.people {
        padding-top: 6.5rem;
       }
  
    }

    @media screen and (max-width: 767px) {
      #newsletter-btn {
        left: -16rem;
        width: calc(100% + 7rem);
        padding: 6px 0
      }

    #new-version header.with-subnav > .container .menu .icons button#clerks-tab, #new-version header.with-subnav > .container .menu .icons button#newsletter-btn {
                top: calc(100% + 5rem);
       }

      .news.webinars .container.title .right-block p {
        width: 100%;
      }

      .news.webinars .container.title .right-block ul li {
        margin-left: 5px;
      }

      #newsletter-btn span {
        font-size: 0.9rem;
        letter-spacing: 0.05em;
      }
    }

    @media screen and (max-width: 639px) {
      #newsletter-btn {
        left: -11rem;
      }

    #new-version .listing-page.people {
        padding-top: 9.5rem;
       }

    }

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

      header nav {
        padding: 4rem 0;
      }
      #newsletter-btn {
        left: -4.5rem;
        width: 100%;
        padding: .57rem 0;
      }

       .news.webinars .container.title .right-block {
        display: block;
       }
      .news.webinars .container.title .right-block ul li {
        margin-left: 0px;
        margin-right: 10px;
      }

    }