#exit-banner-container {
  position: absolute;
  text-align: center;
  z-index: 9998;
  width: 100%; }
  @media (max-width: 1023px) {
    #exit-banner-container {
      width: 89%; } }
  @media (max-width: 767px) {
    #exit-banner-container {
      width: 89%; } }
  @media (max-width: 480px) {
    #exit-banner-container {
      width: 100%; } }
  #exit-banner-container #exit-banner-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: -9999999;
    opacity: 0.3;
    background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#979797));
    background: linear-gradient(#353535, #979797); }
    @media (max-width: 1023px) {
      #exit-banner-container #exit-banner-overlay {
        top: 0;
        left: 0; } }
  #exit-banner-container #exit-banner-grid {
    text-align: center;
    position: relative;
    margin: 0 auto; }
    #exit-banner-container #exit-banner-grid .close-cta {
      font-family: "Open Sans", sans-serif;
      text-transform: uppercase;
      font-size: 122%;
      font-weight: bold;
      text-align: right;
      color: white;
      cursor: pointer;
      margin-top: 20px;
      margin-right: 20px;
      position: relative;
      top: 135px;
      right: 22%; }
      #exit-banner-container #exit-banner-grid .close-cta .fas {
        font-size: 175%; }
      @media (max-width: 1023px) {
        #exit-banner-container #exit-banner-grid .close-cta {
          margin-top: 10px;
          margin-bottom: 10px;
          right: 8%; } }
      @media (max-width: 767px) {
        #exit-banner-container #exit-banner-grid .close-cta {
          width: 130px;
          top: 150px;
          left: 50%; } }
    #exit-banner-container #exit-banner-grid #exit-banner {
      position: relative;
      top: 150px; }

/*  pulled from Drupal off canvas css */
.visually-hidden {
  width: 0;
  height: 0;
  letter-spacing: -2em;
  opacity: 0;
}