@media only screen and (min-width: 481px) and (max-width: 99999px) {
  .member-type-phone {
    display: none;
  }
}
/* Larger tablets; landscape mode; laptops; devices smaller than the standard 1140px row * from 1024px to 1200px*/

@media only screen and (max-width: 1200px) {
  html {
    font-size: 56.25%;
  }

  .hof-trophy {
    background-attachment: scroll;
  }

  .best-of-best-pic,
  .birthday-pic,
  .bottom-of-page-pic,
  .media-interview-pic,
  .broadcaster-tv-pic,
  .singing-sergeants-pic,
  .combat-camera-in-field-pic,
  .band-heartland-pic,
  .broadcaster-pic,
  .before-links-pic,
  .before-news-pic,
  .dayton-intro-pic,
  .oral-history-activities-pic,
  .before-annual-meeting-pic,
  .before-transition-section-parachute-pic,
  .before-awards-section-pic,
  .before-special-projects-section-pic,
  .ww2-combat-camera,
  .lobby,
  .bedroom,
  .bottom-of-page-pic,
  .who-we-are-three-pic {
    background-attachment: scroll;
  }

  /* DALTON SCHOLARSHIP WHAT IT IS AND HOW IT WORKS BOXES */
  .dalton-columns {
    row-gap: 6.4rem;
    grid-template-columns: 1fr;
  }

  .dalton-col-1,
  .dalton-col-2 {
    grid-column: 1 / -1;
  }

  .dalton-row-2 {
    grid-row: 3 / 4;
    grid-column: 1 / -1;
  }

  .page-top-heading-dalton {
    position: absolute;
    top: 84%;
  }

  .jake-columns {
    display: grid;
    -moz-column-gap: 4rem;
    column-gap: 4rem;
    row-gap: 4rem;
    grid-template-columns: 1fr;
  }

  /*
  .hero-image-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url(/resources/css/img/last-flight-out-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }
  */
}
/* Smaller tablets to larger tablets; portrait mode: from 860px to 1023px */

@media only screen and (max-width: 1060px) {
  html {
    font-size: 43.75%;
  }
  .page-top-heading,
  .page-top-heading-mem-apppay {
    width: 90rem;
  }

  .page-top-heading-julie {
    position: absolute;
    top: 85%;
    left: 40%;
    transform: translate(-50%, -50%);
    width: 90rem;
  }

  .gallery {
    grid-template-columns: repeat(3, 1fr);
  }

  .dalton-2024-recipients {
    display: none;
  }

  .hof-2024-inductees-photo {
    display: none;
  }

  .sign-up-now {
    display: none;
  }

  .rand-2024-dinfos {
    display: none;
  }

  .hof-2024-inductees-on-home-page {
    display: none;
  }

  .dalton-selectees-on-home-page {
    display: none;
  }

  .pa-leaders-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
      url(img/arnold-maj-gen-hap-phone.jpg);
    background-size: cover;
    background-position: top;
    height: 90vh;
    background-attachment: scroll;
  }

  .pa-leaders-header .home-page-logo {
    position: absolute;
    top: 7%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 55%;
  }

  .recent-updates-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),
      url(img/kennett-doug-phone-375x560.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: scroll;
    position: relative;
  }

  .ryder-announcement-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
      url(/resources/css/img/ryder-pat-announcement-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: scroll;
    position: relative;
  }

  .abel-announcement-header {
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
      url(/resources/css/img/af-poster-vets-75-blue-botton.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: scroll;
    position: relative;
  }

  /* iphone xr in landscape mode */
  @media only screen and (max-width: 960px) and (orientation: landscape) {
    .visit-hof-button {
      width: 40%;
      top: 75%;
    }

    .calendar-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/c-17-mcguire-calendar.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .calendar-header .home-page-logo {
      position: absolute;
      top: 8%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 40%;
    }

    .calendar-header .page-top-heading-center {
      position: absolute;
      top: 82%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .pa-leaders-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/arnold-maj-gen-hap-16x9.jpg);
      background-size: cover;
      background-position: top;
      height: 100vh;
      background-attachment: scroll;
    }

    .pa-leaders-header .home-page-logo {
      position: absolute;
      top: 10%;
      left: 30%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 35%;
    }

    .challenge-coin-header .home-page-logo {
      position: absolute;
      top: 9%;
      left: 20%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 35%;
    }

    .challenge-coin-header .page-top-heading-center {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .recent-updates-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),
        url(img/kennett-doug-phone-375x560.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .bottom-link-box #btn-header-1p,
    .bottom-link-box #btn-header-2p,
    .bottom-link-box #btn-header-2ap,
    .bottom-link-box #btn-header-3p,
    .bottom-link-box #btn-header-4p,
    .bottom-link-box #btn-header-5p,
    .bottom-link-box #btn-header-6p,
    .bottom-link-box #btn-header-7p,
    .bottom-link-box #btn-header-8p {
      width: 100%;
    }

    .bottom-link-box {
      position: absolute;
      width: 100%;
      top: 93%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .bottom-link-box .btn:link,
    .bottom-link-box .btn:visited {
      font-size: 1.4rem;
    }
  }

  /* .visit-hof-button {
  width: 51%;
  top: 79%;
} */

  @media only screen and (max-width: 860px) and (orientation: portrait) {
    /*
    .best-of-best-header {
        height: 60vh;
    } 
*/

    .activities-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/congo-medical-exercise-square.jpg);
      background-position: top;
      height: 50vh;
    }

    .afnews-header {
      height: 50vh;
    }

    .page-top-heading-center {
      position: absolute;
      top: 85%;
    }

    .h1-margin-smaller {
      margin-bottom: 0.5rem;
    }

    .christmas-2021-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/red-holiday-background.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
    }

    .holiday-intro {
      /*width: 50%;
  margin: 10rem auto 2rem auto;*/
      position: absolute;
      top: 45%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    .holiday {
      font-size: 5rem;
      color: #fff;
      padding-bottom: 7rem;
    }

    /*
  .after-veterans-day-2021-header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0))
      ),
      url(/resources/css/img/c-17-at-dark-phone.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/resources/css/img/c-17-at-dark-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
  }
*/
    .visit-hof-button {
      width: 40%;
      top: 82%;
    }

    .hof-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)),
        url(/resources/css/img/hof-october-2021-tablet-min.jpg);
      background-size: cover;
      background-position: top center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .desktop-version {
      display: none;
    }

    .tablet-version {
      display: block;
    }

    #btn-header-hof {
      display: none;
    }

    .image-link-section-phone {
      display: block;
    }

    .image-link-section-desktop {
      display: none;
    }

    .bottom-link-box #btn-header-1p,
    .bottom-link-box #btn-header-2p,
    .bottom-link-box #btn-header-2ap,
    .bottom-link-box #btn-header-3p,
    .bottom-link-box #btn-header-4p,
    .bottom-link-box #btn-header-5p,
    .bottom-link-box #btn-header-6p,
    .bottom-link-box #btn-header-7p,
    .bottom-link-box #btn-header-8p {
      width: 70%;
    }

    .logo-for-video {
      width: 55%;
    }

    .video-button-version {
      margin-top: -1rem;
      padding-bottom: 5rem;
      padding-left: 0;
      padding-right: 0;
      height: 5rem;
      background-color: #000;
    }
    .section-intro {
      margin-top: 7rem;
    }

    .election-header {
      height: 50vh;
    }

    .page-top-heading-election-2022 {
      position: absolute;
      top: 85%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .page-top-heading-election-2023 {
      position: absolute;
      top: 85%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    /* BEGIN: styles and positions the small AFPAAA logo that links back to the home page */

    .home-page-logo {
      position: absolute;
      top: 10%;
      left: 22%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 35%;
    }

    .phone-only {
      display: block;
    }

    /* END: styles and positions the small AFPAAA logo that links back to the home page */

    .seventy-fifth-anniversary-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)),
        url(/resources/css/img/af-75th-anniversary-phone-7x10.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .seventy-fifth-anniversary-header .home-logo-head-75th {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 50%;
    }

    .who-we-are-three-pic {
      height: 30vh;
    }

    .who-we-are {
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),
        url(img/who-we-are-tbirds-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
    }

    .who-we-are .page-top-heading-center {
      position: absolute;
      top: 53%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .who-we-are .home-page-logo {
      position: absolute;
      top: 5%;
      left: 25%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 50%;
    }

    .hero-image-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/leadership-home-page-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }
  }

  /* Larger phones, small phones in landscape mode, and small tablets: from 481px to 860px */
  @media only screen and (max-width: 860px) {
    html {
      font-size: 43.75%;
    }
    .page-top-heading,
    .page-top-heading-mem-apppay {
      width: 100rem;
    }

    .btn:link,
    .btn:visited {
      display: inline-block;
      padding: 0.3rem 0.2rem;
      margin-bottom: -0.4rem;
      font-size: 1.9rem;
      font-weight: 500;
      text-decoration: none;
      border: 0.3rem solid #fff;
      border-radius: 20rem;
      color: #fff;
      text-transform: uppercase;
      word-spacing: 0.3rem;
      transition: background-color 0.3s, border 0.3s, color 0.3s;
    }

    .btn:hover,
    .btn:active {
      background-color: #fff;
      color: #00308f;
      border: 0.3rem solid #fff;
    }

    #btn-header-1,
    #btn-header-2,
    #btn-header-3,
    #btn-header-4,
    #btn-header-5,
    #btn-header-6,
    #btn-header-7,
    #btn-header-8 {
      width: 85%;
    }

    .bottom-link-box {
      position: absolute;
      width: 100%;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .photoshop-blank-link {
      height: 16rem;
      width: 30rem;
      position: absolute;
      top: 61%;
      left: 39%;
      transform: translate(-50%, -50%);
    }

    /*header {
    
   background-image: url(img/f15e-in-dark-2000w.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: scroll;
	position: relative;
}
    
    header {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))), url(img/american-flag.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(img/american-flag.jpg);
    
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: scroll;
	position: relative;
}
    */

    .hof-2022-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
        url(/resources/css/img/hof-2022-class-ipad-straight-gradient.jpg);
      background-size: cover;
      background-position: top center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .ryder-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
        url(/resources/css/img/ryder-pat-announcement-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .abel-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
        url(/resources/css/img/tbird-and-flag-phone-400x520.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .hero-image-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/leadership-home-page-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .hof-announcement-2024-below {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/hof-2024-announcement-phone-1280-tall.jpg);
      background-size: cover;
      background-position: top;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .dalton-scholarship-2024-announcement {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/dalton-scholarship-2024-announcement-phone-1280-tall.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .best-of-best-2024 {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/b-o-b-2024-zoie-cox-with-crew-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .san-antonio-2024-below {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/san-antonio-river-walk-logo-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .hof-2024-inductees-on-home-page {
      display: none;
    }

    .dalton-selectees-on-home-page {
      display: none;
    }

    .hero-image-header .home-page-logo {
      position: absolute;
      top: 10%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 80%;
    }

    .hero-image-header .phone-only .home-page-logo {
      position: absolute;
      top: 8%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 80%;
      display: block;
    }

    .hero-image-header .name-change-announcement {
      position: absolute;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    .name-change-announcement h3.two-lines {
      display: inline-block;
      padding: 1rem 0 0 0;
      line-height: 1.6;
      width: 90%;
    }

    .challenge-coin-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/challenge-coins-vintage-aircraft-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .challenge-coin-header .home-page-logo {
      position: absolute;
      top: 7%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 60%;
    }

    .veterans-day-2021-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/halvorsen-gail-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 85vh;
    }

    .halvorsen-button {
      width: 45%;
      top: 76%;
    }

    .btn#btn-header-7 {
      padding: 1rem;
      font-size: 1.8rem;
    }

    .home-logo-head {
      position: absolute;
      top: 10%;
      left: 72%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 35%;
    }

    .logo-head {
      position: absolute;
      top: 70%;
      left: 62%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    .hof-announcement {
      color: #fff;
      text-align: center;
      position: absolute;
      top: 47%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    /* Hall of Fame Home Page */

    .hof-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/hof-trophy-phone-no-logo.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .hof-to-home-page-logo {
      position: absolute;
      top: 8%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    .hof-link-box {
      position: absolute;
      width: 100%;
      top: 94%;
      left: 54%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .row.hof-link-box .span-1-of-4 {
      width: 49.2%;
      margin-left: 0;
    }

    #btn-hof-1,
    #btn-hof-2,
    #btn-hof-3,
    #btn-hof-4 {
      width: 25rem;
      padding: 1rem;
    }

    .hof-header-text {
      position: absolute;
      top: 45%;
      left: 32%;
      transform: translate(-50%, -50%);
    }

    .hof-header-text h1 {
      color: #fff;
      font-size: 6rem;
      font-style: italic;
      font-weight: 500;
      text-transform: none;
      text-align: center;
      letter-spacing: 0.3rem;
      text-shadow: 0.2rem 0.2rem 0.2rem #555;
    }

    .logo-head-hof {
      position: absolute;
      top: 10%;
      left: 70%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 55%;
    }

    .hof-inductee-page-logo {
      position: absolute;
      top: 3%;
      left: 18%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 28%;
    }

    .hof-trophy {
      background-attachment: scroll;
    }

    .hof-gallery {
      display: grid;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 3rem;
      grid-template-columns: repeat(3, 1fr);
    }

    .correll-even-columns {
      display: grid;
      grid-template-columns: 1fr;
    }

    .bivens-columns {
      display: grid;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 4rem;
      grid-template-columns: 1fr 1fr;
    }

    .rand {
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
      text-align: left;
    }

    .shea-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 2rem;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
    }

    .shea-img-1,
    .shea-img-2 {
      width: 75%;
      border-radius: 0.8rem;
    }

    .eaker-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 1rem;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
    }

    .eaker-img-1,
    .eaker-img-2,
    .eaker-img-3 {
      width: 75%;
      border-radius: 0.8rem;
    }

    .miller-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 1rem;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
    }

    .jake-columns {
      display: grid;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 4rem;
      grid-template-columns: 1fr;
    }

    .three-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 1rem;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
    }

    .two-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 1rem;
      grid-template-columns: 1fr;
      justify-items: center;
      align-items: center;
    }

    .two-col-img-1-oswald,
    .two-col-img-2-oswald {
      width: 80%;
      border-radius: 0.8rem;
    }

    .grid-caption {
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
      text-align: left;
      width: 80%;
      margin: auto;
    }

    .image-container-left-35 {
      width: 100%;
      float: left;
      padding-right: 2%;
      padding-bottom: 1%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .eaker .image-container-right-eaker {
      width: 40%;
      float: right;
      padding-left: 1%;
      padding-top: 0.5%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .image-between-paragraphs-mcgovern {
      width: 98%;
      margin: 0 auto;
      padding-bottom: 1%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    /* End Hall of Fame Home Page */

    .best-of-best-pic,
    .birthday-pic,
    .bottom-of-page-pic,
    .media-interview-pic,
    .broadcaster-tv-pic,
    .singing-sergeants-pic,
    .combat-camera-in-field-pic,
    .band-heartland-pic,
    .broadcaster-pic,
    .before-links-pic,
    .before-news-pic,
    .dayton-intro-pic,
    .active-force-support-pic,
    .oral-history-activities-pic,
    .before-annual-meeting-pic,
    .before-transition-section-parachute-pic,
    .before-awards-section-pic,
    .before-special-projects-section-pic,
    .mcraney-award-pic,
    .hart-award-pic,
    .presidents-award-pic,
    .ww2-combat-camera,
    .lobby,
    .bedroom {
      height: 90vh;
    }

    .best-of-best-pic,
    .birthday-pic,
    .bottom-of-page-pic,
    .media-interview-pic,
    .broadcaster-tv-pic,
    .singing-sergeants-pic,
    .combat-camera-in-field-pic,
    .band-heartland-pic,
    .broadcaster-pic,
    .before-links-pic,
    .before-news-pic,
    .dayton-intro-pic,
    .oral-history-activities-pic,
    .before-annual-meeting-pic,
    .before-transition-section-parachute-pic,
    .before-awards-section-pic,
    .before-special-projects-section-pic,
    .ww2-combat-camera,
    .lobby,
    .bedroom,
    .bottom-of-page-pic,
    .who-we-are-three-pic {
      background-attachment: scroll;
    }

    .page-top-heading {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .hall-of-fame-header {
      height: 60vh;
      background-position: center center;
    }

    .page-top-heading-hall {
      position: absolute;
      top: 52%;
      left: 60%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .votethanks-header {
      height: 80vh;
      background-position: right center;
    }

    .page-top-heading-vote-thanks {
      position: absolute;
      top: 85%;
      left: 40%;
      transform: translate(-50%, -50%);
      width: 70rem;
    }

    .meeting-payment-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0)),
        url(/resources/img/2019-meeting-pics/charleston35-min-phone-9x16.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
    }

    .meeting-payment-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    .pay-now-button {
      width: 75%;
      margin-bottom: 5rem;
    }

    .page-top-heading-meeting-payment {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .page-top-heading-mem-apppay {
      position: absolute;
      top: 75%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading-paypal {
      position: absolute;
      top: 22%;
      left: 28%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading-election {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .paypal-thankyou-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)),
        url(img/refueling-phone-9x16.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .paypal-thankyou-header .home-page-logo {
      position: absolute;
      top: 13%;
      left: 49%;
      transform: translate(-50%, -50%);
      width: 80%;
    }

    .page-top-heading-payment-thanks {
      position: absolute;
      top: 88%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 80rem;
    }

    /* BEGIN: Attendees page column adjust */

    .attendees-center {
      width: 80%;
      margin: 0 auto;
      text-align: center;
      -moz-column-count: 2;
      column-count: 2;
      line-height: 2;
      list-style-type: none;
    }
    /* END OF: Attendees page column adjust */

    /* BEGIN: Donate page */

    .donate-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/falcon9-rocket-9x16.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .donate-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    /* END: Donate page */

    /* BEGIN: Adjust Show More in Recent Updates Page */

    p.short {
      height: 91rem;
      overflow: hidden;
    }

    p.full-height {
      height: auto;
    }

    .daedalus-image {
      width: 95%;
      margin: 0 auto;
      display: block;
      padding: 2rem 0 2rem 0;
    }

    .image-center {
      width: 95%;
      margin: 0 auto;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    /* END: Adjust Show More in Recent Updates Page */

    /* BEGIN: LIGHTBOX ON HOME PAGE */

    .lightbox {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      width: 100vw;
      height: 100vh;
      padding: 2% 2% 2% 2%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.95);
      text-align: center;
      text-shadow: #333 0 1px 0;
    }
    .lightbox h2 {
      font-size: 2rem;
    }

    .cancel {
      text-align: left;
      font-size: 1.5rem;
      width: 98%;
      margin: 0 auto;
    }

    /* button#b1 a,
button#b2 a {
    font-size: 2.5rem;
    color: #fff;
    background-color: #00308f;
    border: .2rem solid #00308f;
    border-radius: 1rem;
    padding: 1rem 2rem;
} */

    a.ballot-page-button:link,
    a.ballot-page-button:visited {
      display: inline-block;
      padding: 1.5rem 1.5rem;
      font-size: 1.5rem;
      border-radius: 1rem;
      background-color: #00308f;
      color: #fff;
      margin: 0 1rem;
      width: 10rem;
    }

    a.ballot-page-button:hover,
    a.ballot-page-button:active {
      font-size: 1.6rem;
    }

    #b1:link,
    #b1:visited,
    #b1:hover,
    #b1:active {
      width: 25rem;
    }

    #b2:link,
    #b2:visited,
    #b2:hover,
    #b2:active {
      width: 25rem;
    }

    .lightbox-divider {
      color: #00308f;
      display: block;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      margin-left: auto;
      margin-right: auto;
      border-style: solid;
      border-width: 0.2rem;
    }

    /* Ed Thomas Lightbox */
    .ed-thomas-lightbox {
      position: absolute;
      top: 30%;
      left: 50%;
      display: none;
      width: 85rem;
      padding: 4% 4% 4% 4%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.8);
      text-shadow: #333 0 1px 0;
      transform: translate(-50%, -50%);
      border-radius: 1rem;
    }
    /* Snowbirds Lightbox */
    .snowbird-lightbox {
      position: absolute;
      top: 50%;
      left: 50%;
      display: none;
      width: 85%;
      padding: 2% 2% 9% 2%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.9);
      text-shadow: #333 0 1px 0;
      transform: translate(-50%, -50%);
      border-radius: 1rem;
    }

    #snowbird-text {
      width: 98%;
      margin: 0 auto 0 auto;
    }

    .snowbird-pic {
      width: 26%;
      margin: 6% 37% 0 37%;
      border-radius: 1rem;
    }

    /* Mark Rosenker Lightbox */

    .rosenker-lightbox {
      position: absolute;
      top: 40%;
      left: 50%;
      display: none;
      width: 70rem;
      padding: 2%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.9);
      transform: translate(-50%, -50%);
      border-radius: 1rem;
    }

    a.rosenker-button:link,
    a.rosenker-button:visited {
      margin: 0 0 1rem 0;
      width: 25rem;
    }

    /* END: LIGHTBOX ON HOME PAGE */

    /* Gen Dalton Home Page */
    .dalton-head {
      position: absolute;
      width: 100%;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .link-box-dalton {
      position: absolute;
      width: 100%;
      top: 81%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .link-box {
      position: absolute;
      width: 100%;
      top: 91%; /* server number may be different*/
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .logo-head-dalton {
      position: absolute;
      top: 8%;
      left: 10%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 45%;
    }

    .dalton-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)),
        url(img/HOF-HJ_Dalton-wide.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    /* END: Gen Dalton Home Page */

    /* Gen Dalton Scholarship Page */

    .dalton-scholarship-header {
      background-image: url(img/gen-dalton-in-home-office-square.jpg);
      background-size: cover;
      background-position: center;
      height: 87vh;
      background-attachment: scroll;
      position: relative;
    }

    .dalton-scholarship-header .home-page-logo {
      position: absolute;
      top: 7%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 55%;
    }

    .dalton-columns {
      row-gap: 6.4rem;
      grid-template-columns: 1fr;
    }

    .dalton-col-1,
    .dalton-col-2 {
      grid-column: 1 / -1;
    }

    .dalton-row-2 {
      grid-row: 3 / 4;
      grid-column: 1 / -1;
    }

    .dalton-intro {
      width: 94%;
      margin: 0 auto 2rem auto;
    }

    .page-top-heading-dalton {
      position: absolute;
      top: 88%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading-flex h1,
    .page-top-heading-flex h3 {
      color: #fff;
      text-align: center;
    }

    .div-1 h3 {
      line-height: 1.2;
      width: 75rem;
    }

    .dalton-graphical-links {
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 9.6rem;
      column-gap: 9.6rem;
      margin: 0 auto;
    }

    h3.one-line {
      display: none;
    }

    h3.two-lines {
      display: inline-block;
    }

    /* End Gen Dalton Scholarship Page */

    /* Begin Contact Page */

    .contact-us-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/cleared-to-land-contact-us-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    /* ----------BEGIN: JULIE'S BLOG POSTS PAGE------------ */

    .julie-blogs {
      background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),
        url(img/julie-group-mountains.jpg);
      background-size: cover;
      background-position: bottom;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .page-top-heading-julie {
      position: absolute;
      top: 85%;
      left: 45%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .home-page-logo-julie {
      position: absolute;
      top: 8%;
      left: 14%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 25%;
    }

    /* Calendar Page */
    .calendar-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/f-35-calendar.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .calendar-header .home-page-logo {
      position: absolute;
      top: 8%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    .calendar-header .page-top-heading-center {
      position: absolute;
      top: 88%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    /* HOTEL Reservations Page */

    .hotel-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/san-antonio-la-quinta-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .hotel-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 85%;
    }

    .hotel-header .page-top-heading-center {
      position: absolute;
      top: 82%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .hotel-exterior {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/san-antonio-la-quinta-exterior-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
    }

    .terrace {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/tampa-hotel-terrace-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 50vh;
      background-attachment: scroll;
    }

    .hotel-room {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/san-antonio-la-quinta-guest-room-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
    }

    .hotel-outdoors {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/san-antonio-la-quinta-hot-tub-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
    }

    .hotel-lounge {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/tampa-hotel-alba-lounge-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 50vh;
      background-attachment: scroll;
    }

    .hotel-breakfast {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/san-antonio-la-quinta-breakfast-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
    }

    /* ARCHIVES page */

    .archive-columns {
      row-gap: 6.4rem;
      grid-template-columns: 1fr;
    }

    .archives-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        url(img/archive-page-heritage-aircraft-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 92vh;
      background-attachment: scroll;
      position: relative;
    }

    .archives-header .home-page-logo {
      position: absolute;
      top: 15%;
      left: 47%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    /* ----------END: JULIE'S BLOG POSTS PAGE------------ */

    /* ----Leadership Page ----*/

    .leadership-columns {
      row-gap: 6.4rem;
      grid-template-columns: 1fr;
    }

    /* ----End Leadership Page ----*/

    /* Name Change Page */

    .name-change-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
        url(img/name-change-tbirds-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .name-change-header .home-page-logo {
      position: absolute;
      top: 53%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    /* End Name Change Page */

    /* Begin Annual Meeting Pages */

    .meeting-updates-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
        url(/resources/css/img/san-antonio-river-walk-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .meeting-updates-header .home-page-logo {
      position: absolute;
      top: 10%;
      left: 49%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 85%;
    }

    .san-antonio-meeting-logo {
      width: 85%;
      margin: 0 auto 0 auto;
      display: block;
    }

    .meeting-columns {
      display: grid;
      -moz-column-gap: 3rem;
      column-gap: 3.2rem;
      row-gap: 3.2rem;
      grid-template-columns: repeat(10, 1fr);
    }

    .meeting-col-2 {
      grid-column: 2 / 10;
      grid-row: 1 / 2;
    }

    .meeting-col-1 {
      grid-column: 2 / 10;
      grid-row: 2 / 3;
    }

    .meeting-col-3 {
      grid-column: 2 / 10;
      grid-row: 3 / 4;
    }

    .tampa-links-grid {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 2rem;
      column-gap: 2rem;
      row-gap: 2rem;
      justify-items: center;
      align-items: center;
    }

    .page-top-heading-flex-tampa {
      position: absolute;
      top: 92%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .san-antonio-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 5rem;
      grid-template-columns: 1fr;
    }

    .san-antonio-upper-left {
      grid-column: 1/2;
      grid-row: 1/ 2;
    }

    .san-antonio-upper-right {
      grid-column: 1/2;
      grid-row: 2 / 3;
    }

    .san-antonio-middle-middle {
      grid-column: 1/2;
      grid-row: 4 / 5;
    }

    .san-antonio-lower-left {
      grid-column: 1/2;
      grid-row: 3/ 4;
    }

    .san-antonio-lower-right {
      grid-column: 1/2;
      grid-row: 4/5;
    }

    .san-antonio-columns-bottom {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 5rem;
      row-gap: 5rem;
      grid-template-columns: 1fr;
    }

    .san-antonio-grid-bottom-logo-link {
      grid-row: 4/9;
      grid-column: 1/2;
    }

    .san-antonio-attendees-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 1rem;
      grid-template-columns: 1fr;
    }

    .san-antonio-attendees-1 {
      display: none;
    }

    .san-antonio-attendees-2,
    .san-antonio-attendees-3 {
      padding-left: 5rem;
    }

    .meeting-schedule-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
        url(/resources/css/img/san-antonio-gateway-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .meeting-schedule-header .home-page-logo {
      position: absolute;
      top: 76%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    .meeting-schedule-header .page-top-heading-flex-meeting {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .schedule-logo {
      width: 50%;
      margin: 0 auto 0 auto;
      display: block;
    }

    .meeting-attendees-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
        url(/resources/css/img/san-antonio-2024-attendees-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .meeting-attendees-header .home-page-logo {
      position: absolute;
      top: 4%;
      left: 47%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    .meeting-registration-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
        url(/resources/css/img/san-antonio-riverwalk-and-sculpture-phone.jpg);
      background-size: cover;
      background-position: center top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .meeting-registration-header .home-page-logo {
      position: absolute;
      top: 5%;
      left: 33%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 60%;
    }

    .registration-button {
      display: block;
      width: 100%;
      margin: 0 auto 0 auto;
      text-align: center;
    }

    .registration-grid {
      display: grid;
      grid-template-columns: repeat(20, 1fr);
      -moz-column-gap: 1rem;
      column-gap: 0.5rem;
      row-gap: 2rem;
      justify-items: center;
      align-items: center;
    }

    .reg-col-1-row-1 {
      grid-column: 1 / 2;
      grid-row: 1 / 2;
      justify-self: self-start;
    }

    .reg-col-2-row-1 {
      grid-column: 2 / 5;
      grid-row: 1 / 2;
    }

    .reg-col-3-row-1 {
      grid-column: 5 / 16;
      grid-row: 1 / 2;
      justify-self: self-start;
    }

    .reg-col-4-row-1 {
      grid-column: 16/ 17;
      grid-row: 1 / 2;
    }

    .reg-col-5-row-1 {
      grid-column: 17 / 21;
      grid-row: 1 / 2;
    }

    .reg-col-1-row-2 {
      grid-column: 1 / 2;
      grid-row: 2 / 3;
      justify-self: self-start;
    }

    .reg-col-2-row-2 {
      grid-column: 2 / 5;
      grid-row: 2 / 3;
    }

    .reg-col-3-row-2 {
      grid-column: 5 / 16;
      grid-row: 2 / 3;
      justify-self: self-start;
    }

    .reg-col-4-row-2 {
      grid-column: 16 / 17;
      grid-row: 2 / 3;
    }

    .reg-col-5-row-2 {
      grid-column: 17 / 21;
      grid-row: 2 / 3;
    }

    .reg-col-1-row-3 {
      grid-column: 1 / 2;
      grid-row: 3 / 4;
      justify-self: self-start;
    }

    .reg-col-2-row-3 {
      grid-column: 2 / 5;
      grid-row: 3 / 4;
    }

    .reg-col-3-row-3 {
      grid-column: 5 / 16;
      grid-row: 3 / 4;
      justify-self: self-start;
    }

    .reg-col-4-row-3 {
      grid-column: 16 / 17;
      grid-row: 3 / 4;
    }

    .reg-col-5-row-3 {
      grid-column: 17 /21;
      grid-row: 3 / 4;
    }

    .reg-col-1-row-4 {
      grid-column: 1 / 2;
      grid-row: 4 / 5;
      justify-self: self-start;
    }

    .reg-col-2-row-4 {
      grid-column: 2 / 5;
      grid-row: 4 / 5;
    }

    .reg-col-3-row-4 {
      grid-column: 5 / 16;
      grid-row: 4 / 5;
      justify-self: self-start;
    }

    .reg-col-4-row-4 {
      grid-column: 16 / 17;
      grid-row: 4 / 5;
    }

    .reg-col-5-row-4 {
      grid-column: 17 /21;
      grid-row: 4 / 5;
    }

    .photo-download-box {
      width: 50%;
    }

    .tampa-header {
      background-image: linear-gradient(
          180deg,
          rgba(0, 0, 0, 2),
          rgba(0, 0, 0, 0) 11%
        ),
        url(/resources/css/img/tampa-skyline-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .tampa-header .home-page-logo {
      position: absolute;
      top: 5%;
      left: 47%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    /* End Tampa 2023 Pages */

    .charleston-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        url(img/charleston-at-night-phone-9x16.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .charleston-header .home-page-logo {
      position: absolute;
      top: 11%;
      left: 62%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 65%;
    }

    .san-diego-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/san-diego-skyline-marina-phone-9x16.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .san-diego-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 80%;
    }

    /*New Membership Page */

    .new-membership-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),
        url(img/pa-photographers-phone-9x16.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .new-membership-header .home-page-logo {
      position: absolute;
      top: 16%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    .new-membership-header .page-top-heading-center {
      position: absolute;
      top: 88%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .join-renew-img {
      width: 95%;
      border-radius: 0.75rem;
      margin: 0 2.5% 0 2.5%;
    }

    .continue-on-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 2rem;
      grid-template-columns: 1fr 1fr;
      padding-top: 1rem;
    }

    .continue-column-2 {
      grid-column: 1 / 2;
    }

    .continue-column-4 {
      grid-column: 2 / 3;
    }

    .continue-img {
      width: 95%;
      border-radius: 0.75rem;
      margin: 0 2.5% 0 2.5%;
    }

    .join-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 2rem;
      grid-template-columns: 1fr 1fr 1fr 1fr;
    }

    .join-column-1 {
      grid-column: 1/3;
      grid-row: 1 / 2;
    }

    .join-column-2 {
      grid-column: 3/5;
      grid-row: 1 / 2;
    }

    .join-column-3 {
      grid-column: 2/4;
      grid-row: 2 / 3;
    }

    .three-questions-img {
      width: 95%;
      border-radius: 0.75rem;
      margin: 0 2.5% 0 2.5%;
    }

    .pic-and-text-columns {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 2rem;
      grid-template-columns: 1fr;
    }

    .pic-and-text-1 {
      grid-column: 1 / 2;
      grid-row: 1/2;
    }
    .pic-and-text-2 {
      grid-column: 1 / 2;
      grid-row: 2 /3;
    }
    .pic-and-text-3 {
      grid-column: 2 / 4;
      grid-row: 1/3;
    }

    .how-join-columns {
      display: grid;
      -moz-column-gap: 3rem;
      column-gap: 3rem;
      row-gap: 3rem;
      grid-template-columns: 1fr;
    }

    .member-app-pay-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)),
        url(img/salute-honor-guard-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .member-app-pay-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    .member-app-pay-header .page-top-heading-center {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .payment-dropdown {
      width: 90%;
      display: block;
      margin-bottom: 4rem;
    }

    .payee-name-box {
      margin-bottom: 5rem;
      max-width: 90%;
      display: block;
    }

    /* End New Membership Page */

    /* Begin Photo Credits Page */

    .photo-credits-header {
      background-image: linear-gradient(
          180deg,
          rgba(0, 0, 0, 0.6),
          rgba(0, 0, 0, 0) 20%
        ),
        url(/resources/css/img/flightline-cameraman-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .photo-credits-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 80%;
    }

    .photo-credits-header .page-top-heading-center {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .five-to-two-rows {
      display: grid;
      -moz-column-gap: 3rem;
      column-gap: 3rem;
      row-gap: 3rem;
      grid-template-columns: repeat(2, 1fr);
      margin-top: 3rem;
      margin-bottom: 3rem;
    }

    /* End Photo Credits Page */

    /* Bracket below closes out the 480 to 860px media query - DON'T ERASE IT! */
  }

  /* Small phones: up to 480px */
  @media only screen and (max-width: 480px) {
    html {
      font-size: 50%;
      font-weight: 400;
      line-height: 1.3;
    }

    .memorial-day-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url(img/memorial-day-kneeling-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .seventy-fifth-anniversary-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.3)),
        url(/resources/css/img/af-75th-anniversary-phone-7x10.jpg);
      background-size: cover;
      background-position: center;
      height: 65vh;
      background-attachment: scroll;
      position: relative;
    }

    .hof-2022-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
        url(/resources/css/img/hof-2022-class-phone-straight-gradient-9x16.jpg);
      background-size: cover;
      background-position: top center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .ryder-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
        url(/resources/css/img/ryder-pat-announcement-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .abel-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)),
        url(/resources/css/img/tbird-and-flag-phone-400x520.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .hero-image-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/leadership-home-page-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .activities-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.2)),
        url(img/congo-medical-exercise-square.jpg);
      background-position: top;
      height: 45vh;
    }

    .best-of-best-2024 {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/b-o-b-2024-zoie-cox-with-crew-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    /* ---BEGIN: CONTACT US PAGE-SPECIFIC ENTRIES--------------------------*/

    .contact-us-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/cleared-to-land-contact-us-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .contact-us-header .home-page-logo {
      position: absolute;
      top: 10%;
      left: 40%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    /* ---END: CONTACT US PAGE-SPECIFIC ENTRIES--------------------------*/

    .page-top-heading-center {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .afnews-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/usafe-cc-bulgaria-media-2x3.jpg);
      background-size: cover;
      background-position: center;
      height: 70vh;
      background-attachment: scroll;
      position: relative;
    }

    .afnews-header .page-top-heading-center {
      position: absolute;
      top: 88%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .row {
      max-width: 100%;
      margin: 0 auto;
    }

    h1 {
      font-size: 3rem;
    }

    h2 {
      margin-top: 0;
      margin-bottom: 2rem;
      color: #00308f;
      font-size: 2.75rem;
      font-style: normal;
      font-weight: 400;
      text-transform: uppercase;
      text-align: center;
      letter-spacing: 0.3rem;
      text-shadow: 0.2rem 0.2rem 0.2rem #555;
    }

    h2:after {
      display: block;
      height: 0.2rem;
      background-color: #00308f;
      content: " ";
      width: 25rem;
      margin: 3rem auto;
      display: none;
    }

    h2.greener {
      font-size: 2.5rem;
    }

    h3 {
      color: #00308f;
      font-size: 2.5rem;
      font-style: italic;
      font-weight: 400;
      letter-spacing: 0.15rem;
      text-align: center;
      padding-bottom: 2.5rem;
    }

    h3:after {
      display: block;
      height: 0.2rem;
      background-color: #00308f;
      content: " ";
      width: 25rem;
      margin: 3rem auto 0 auto;
      display: none;
    }

    .h6-phone {
      font-size: 2rem;
    }

    .linking-pa-pros {
      font-size: 2.5rem;
    }

    .text-top {
      font-size: 3rem;
    }

    .linking-motto {
      font-size: 2.5rem;
    }

    /* Removes the 5 column display of graphiclal image links on desktop home page and replaces it with a 2 column display on a phone (.image-link-section-phone) */
    .image-link-section-desktop {
      display: none;
    }

    .image-link-section-phone {
      display: block;
    }

    .image-link-section-phone .span-1-of-2 {
      width: 49.2%;
    }

    .gallery {
      grid-template-columns: 48fr 48fr;
      -moz-column-gap: 1.6rem;
      column-gap: 1.6rem;
      row-gap: 1.6rem;
      /* grid-template-columns: repeat(2, 1fr);
    column-gap: 1.6rem;
    row-gap: 1.6rem; */
    }

    .explore-gallery {
      display: grid;
      -moz-column-gap: 2.4rem;
      column-gap: 2.4rem;
      row-gap: 2.4rem;
      grid-template-columns: repeat(2, 1fr);
    }

    .wrapper {
      padding-right: 1.2rem;
      padding-left: 1.2rem;
    }

    .explore-wrapper {
      padding-right: 1.5rem;
      padding-left: 1.5rem;
    }

    .div-2 {
      margin-top: -2rem;
    }

    /*
.desktop-button {
    display: none;
}
*/

    .phone-button {
      display: block;
    }

    /* Changes a desktop size 1 of 4 column into a phone size 1 of 2 column */
    .span-1-of-4 {
      width: 49.2%;
    }

    /* Changes a desktop size 1 of 3 column into a phone size 1 of 2 column */
    .span-1-of-3 {
      width: 32.26%;
    }

    .dayton-text {
      width: 100%;
      margin: 1rem auto 0.5rem auto;
    }

    .activities-footer .span-1-of-2 {
      width: 49.2%;
    }

    .activities-footer .span-1-of-3 {
      width: 32.26%;
    }
    section {
      padding: 4rem 0 2rem 0;
    }

    .page-top-heading-hall {
      position: absolute;
      top: 32%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 70rem;
    }

    .logo-head {
      height: 7rem;
    }

    .page-top-heading-hall h1 {
      color: #fff;
      margin: 0;
      padding: 0.5rem 1rem 0 0;
      text-align: right;
      font-size: 3rem;
    }

    .page-top-heading-hall h3 {
      color: #fff;
      padding: 0.5rem 1rem 0 0;
      text-align: right;
      font-size: 2.5rem;
    }

    .hall-of-fame-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)),
        url(img/aviano-f-16-phone-400w-min.jpg);
      background-size: cover;
      background-position: center;
      height: 50vh;
      background-attachment: scroll;
    }

    .hof-committee-names {
      list-style: square;
      width: 98%;
      margin: 0 auto 2rem auto;
      font-size: 2rem;
      padding-left: 5rem;
      line-height: 1.3;
    }

    .page-top-heading {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading-mem-apppay {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading-paypal {
      position: absolute;
      top: 30%;
      left: 40%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading-election {
      position: absolute;
      top: 80%;
      left: 55%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .page-top-heading h1,
    .page-top-heading-paypal h1,
    .page-top-heading-mem-apppay h1,
    .page-top-heading-election h1,
    .page-top-heading-meeting-payment h1 {
      color: #fff;
      margin: 0;
      padding: 0.5rem 5rem 0 0;
      text-align: right;
      font-size: 2.3rem;
    }

    .page-top-heading h3,
    .page-top-heading-paypal h3,
    .page-top-heading-mem-apppay h3,
    .page-top-heading-election h3,
    .page-top-heading-meeting-payment h3 {
      color: #fff;
      text-align: right;
      padding: 0.5rem 5rem 0 0;
      font-size: 1.6rem;
    }

    .page-top-heading h3:after,
    .page-top-heading-paypal h3:after,
    .page-top-heading-mem-apppay h3:after,
    .page-top-heading-election h3:after,
    .page-top-heading-meeting-payment h3:after {
      opacity: 0;
    }

    .best-of-best-pic,
    .birthday-pic,
    .bottom-of-page-pic,
    .media-interview-pic,
    .singing-sergeants-pic,
    .broadcaster-tv-pic,
    .combat-camera-in-field-pic,
    .band-heartland-pic,
    .broadcaster-pic,
    .before-links-pic,
    .before-news-pic,
    .dayton-intro-pic,
    .oral-history-activities-pic,
    .before-annual-meeting-pic,
    .before-transition-section-parachute-pic,
    .before-awards-section-pic,
    .before-special-projects-section-pic,
    .ww2-combat-camera,
    .lobby,
    .bedroom {
      background-attachment: scroll;
    }

    /*--- changed to giving the header a class name
header {
    height: 38vh; /* adjusted up from 41vh to accomodate problem going from hall of fame home to main home page (when iPhone top and bottom ribbons don't show) */
    /*  }
-----*/

    .christmas-2021-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/red-holiday-background.jpg);
      background-size: cover;
      background-position: center;
      height: 87vh;
    }

    .holiday-intro {
      /*width: 50%;
  margin: 10rem auto 2rem auto;*/
      position: absolute;
      top: 65%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 98%;
    }

    .holiday {
      font-size: 2.7rem;
      color: #fff;
    }

    .holiday-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/santa-singing-sergeants.jpg);
      background-size: cover;
      background-position: center;
      height: 35vh;
      background-attachment: scroll;
      position: relative;
    }

    /*
  .after-veterans-day-2021-header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0))
      ),
      url(/resources/css/img/c-17-at-dark-phone.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/resources/css/img/c-17-at-dark-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 88vh;
  }
    */

    /* .veterans-day-2021-header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0))
      ),
      url(/resources/css/img/halvorsen-gail-phone.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(/resources/css/img/halvorsen-gail-phone.jpg);
    background-size: cover;
    background-position: bottom center;
    height: 60vh;
  } */

    .hof-announcement-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)),
        url(/resources/css/img/hof-october-2021-phone-min.jpg);
      background-size: cover;
      background-position: top center;
      height: 86vh;
      background-attachment: scroll;
      position: relative;
    }

    .jake-columns {
      display: grid;
      -moz-column-gap: 4rem;
      column-gap: 4rem;
      row-gap: 4rem;
      grid-template-columns: 1fr;
    }

    .image-between-paragraphs-mcgovern {
      width: 98%;
      margin: 0 auto;
      padding-bottom: 1%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .best-of-best-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(/resources/css/img/medeiros-phone-farp-tryouts-2-grass.jpg);
      background-size: cover;
      background-position: center bottom;
      height: 50vh;
      background-attachment: scroll;
      position: relative;
    }

    .bottom-link-box {
      position: absolute;
      width: 98%;
      top: 93%;
      left: 51%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .visit-hof-button {
      width: 60%;
      top: 72%;
    }

    /* .halvorsen-button {
    width: 80%;
    top: 73%;
  } */

    .btn#btn-header-7 {
      padding: 0.5rem;
      font-size: 1.6rem;
    }

    .logo-for-video {
      width: 55%;
    }

    .video-button-version {
      margin-top: -1rem;
      padding-bottom: 5rem;
      padding-left: 0;
      padding-right: 0;
      height: 5rem;
      background-color: #000;
    }

    .home-logo-head-75th {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 50%;
    }

    /*
    .section-intro {
        margin-top: 4rem;
    }
    
*/
    .desktop-version {
      display: none;
    }

    .phone-version {
      display: block;
    }

    .bottom-link-box .btn:link,
    .bottom-link-box .btn:visited {
      font-size: 1.5rem;
      border-radius: 50rem;
      border: 0.3rem solid #fff;
      padding: 0.5rem 0.75rem;
      margin-bottom: 2rem;
    }

    .bottom-link-box .span-1-of-4 {
      width: 32.26%;
    }

    .bottom-link-box .span-1-of-9 {
      width: 9.68%;
    }

    .bottom-link-box #btn-header-1,
    .bottom-link-box #btn-header-2,
    .bottom-link-box #btn-header-2a,
    .bottom-link-box #btn-header-3,
    .bottom-link-box #btn-header-4,
    .bottom-link-box #btn-header-5,
    .bottom-link-box #btn-header-6,
    .bottom-link-box #btn-header-7,
    .bottom-link-box #btn-header-8 {
      width: 95%;
    }

    .bottom-link-box #btn-header-1p,
    .bottom-link-box #btn-header-2p,
    .bottom-link-box #btn-header-2ap,
    .bottom-link-box #btn-header-3p,
    .bottom-link-box #btn-header-4p,
    .bottom-link-box #btn-header-5p,
    .bottom-link-box #btn-header-6p,
    .bottom-link-box #btn-header-7p,
    .bottom-link-box #btn-header-8p {
      width: 95%;
    }

    .bottom-link-box #btn-header-9 {
      width: 45%;
    }

    .bottom-link-box .desktop-button {
      display: none;
    }

    .bottom-link-box .phone-button {
      display: block;
    }

    .photoshop-blank-link:link,
    .photoshop-blank-link:visited {
      height: 14rem;
      width: 20rem;
      position: absolute;
      top: 62%;
      left: 27%;
      transform: translate(-50%, -50%);
    }

    #btn-header-hof {
      display: none;
    }

    .home-logo-head-hof {
      position: absolute;
      top: 6%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 60%;
    }

    .hof-trophy {
      background-attachment: scroll;
    }

    .hof-announcement {
      width: 98%;
      margin: 0 auto;
      top: 42%;
    }

    .hof-announcement h1 {
      color: #fff;
      font-size: 3rem;
      margin: 0;
      padding: 0;
    }

    .hof-announcement h3 {
      color: #fff;
      font-size: 2rem;
      margin: 0 auto 0 auto;
      padding: 0;
    }

    .hof-announcement .btn:link,
    .hof-announcement .btn:visited {
      padding: 1rem 3rem;
    }

    .logo-head {
      position: absolute;
      top: 67%;
      left: 62%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    .link-box {
      position: absolute;
      width: 100%;
      top: 90%; /* server number may be different*/
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .first-link-box {
      position: absolute;
      width: 30rem;
      top: 42%;
      left: 60%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
      padding-bottom: 5rem;
    }

    .btn:link,
    .btn:visited {
      display: inline-block;
      padding: 0.5rem 0.5rem;
      margin: -0.4rem;
      font-size: 1.9rem;
      font-weight: 500;
      text-decoration: none;
      border: 0.3rem solid #fff;
      border-radius: 20rem;
      color: #fff;
      text-transform: uppercase;
      word-spacing: 0.3rem;
      transition: background-color 0.3s, border 0.3s, color 0.3s;
    }

    .btn:hover,
    .btn:active {
      background-color: #fff;
      color: #00308f;
      border: 0.3rem solid #fff;
    }

    .link-box .span-1-of-5 {
      width: 23.8%;
      margin: 0 0 0 1%;
    }

    .bottom-link-box .span-1-of-6 {
      width: 18.72%;
      margin: 0 0 0 1%;
    }

    /*#btn-header-1 {
    display: none;
}
    */

    /*Gen Dalton home page */

    .link-box-dalton {
      position: absolute;
      width: 100%;
      top: 82%;
      left: 65%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .dalton-head {
      position: absolute;
      width: 100%;
      top: 70%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .dalton-salute {
      font-size: 2rem;
    }

    .link-box-dalton .span-1-of-5 {
      width: 23.8%;
    }

    .logo-head-dalton {
      position: absolute;
      top: 7%;
      left: 35%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    .dalton-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.6)),
        url(img/HOF-HJ_Dalton.jpg);
      background-size: cover;
      background-position: center;
      height: 40vh;
      background-attachment: scroll;
      position: relative;
    }

    /* END: Gen Dalton home page */

    /* BEGIN:  DALTON SCHOLARSHIP PAGE */

    .dalton-graphical-links {
      grid-template-columns: repeat(2, 1fr);
      -moz-column-gap: 3.6rem;
      column-gap: 3.6rem;
      row-gap: 3.6rem;
      width: 98%;
      margin: 0 auto;
    }

    .dalton-scholarship-header .home-page-logo {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    .dalton-heading-secondary {
      /* font-size: 2.5rem;
    text-align: center; */
      width: 75%;
      margin: 0 auto;
    }

    .one-line {
      display: none;
    }

    .two-lines {
      display: block;
    }

    .dalton-intro .image-container-same-line-left,
    .dalton-intro .image-container-same-line-right {
      width: 100%;
    }

    /* END:  DALTON SCHOLARSHIP PAGE */

    .down-arrow a:link,
    .down-arrow a:visited {
      display: inline-block;
      font-weight: 400;
      text-decoration: none;
      color: #fff;
      font-size: 2rem;
      padding-right: 2.8rem;
    }

    .down-arrow-1 {
      margin-left: 2rem;
      margin-top: -0.2rem;
    }

    .down-arrow-2 {
      margin-left: 2.5rem;
      margin-top: -0.2rem;
    }

    .down-arrow-3 {
      margin-left: 2.5rem;
      margin-top: -0.2rem;
    }

    .down-arrow-4 {
      margin-left: 3rem;
      margin-top: -0.2rem;
    }

    .newsletter-archives-header,
    .events-header,
    .attendees-header,
    .member-categories-header,
    .member-application-header,
    .hall-of-fame-header,
    .directory-header,
    .election-header {
      height: 20vh;
    }

    .best-of-best-pic,
    .birthday-pic,
    .bottom-of-page-pic,
    .media-interview-pic,
    .broadcaster-tv-pic,
    .singing-sergeants-pic,
    .combat-camera-in-field-pic,
    .band-heartland-pic,
    .broadcaster-pic,
    .before-links-pic,
    .before-news-pic,
    .dayton-intro-pic,
    .active-force-support-pic,
    .oral-history-activities-pic,
    .before-annual-meeting-pic,
    .before-transition-section-parachute-pic,
    .before-awards-section-pic,
    .before-special-projects-section-pic,
    .mcraney-award-pic,
    .hart-award-pic,
    .presidents-award-pic,
    .ww2-combat-camera,
    .lobby,
    .bedroom {
      height: 30vh;
    }

    .phone-story-divider {
      display: block;
      height: 0.1rem;
      background-color: #00308f;
      content: " ";
      width: 100%;
      margin: 8% auto 8% auto;
    }

    /* Activities Page */
    .activities-intro {
      width: 98%;
      margin: 0 auto 2rem auto;
    }

    .activities-row {
      width: 98%;
      margin: 0 auto 0 auto;
    }

    .activities-gallery {
      grid-template-columns: 48fr 48fr;
      -moz-column-gap: 1.6rem;
      column-gap: 1.6rem;
      row-gap: 1.6rem;
      /* grid-template-columns: repeat(2, 1fr);
    column-gap: 1.6rem;
    row-gap: 1.6rem; */
    }

    .meeting-locations .span-1-of-3 {
      width: 100%;
    }

    /* Set width for all articles on the activities page*/
    .active-force-support-activities-article,
    .oral-history-activities-article,
    .annual-meeting-activities-article,
    .transition-support-activities-article,
    .awards-activities-article,
    .special-projects-activities-article {
      width: 98%;
      margin: 0 auto 0.5rem auto;
    }

    /* LEADERSHIP PAGE */

    .board-member-pic {
      width: 80%;
      margin: 0 10%;
      border-radius: 0.75rem;
    }
    .board-member-caption {
      font-size: 2.5rem;
      text-align: center;
      padding: 1rem 0 3rem 0;
    }

    .leadership-header .home-page-logo {
      position: absolute;
      top: 5%;
      left: 48%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    .board-gallery {
      display: grid;
      -moz-column-gap: 3rem;
      column-gap: 3rem;
      row-gap: 3rem;
      grid-template-columns: 1fr;
      grid-template-rows: 1fr;
    }

    .board1 {
      grid-column: span 1;
    }

    .board2 {
      grid-column: span 1;
    }

    .board3 {
      grid-column: span 1;
    }

    .board4 {
      grid-column: span 1;
      grid-row: 4 / 5;
    }

    .board5 {
      grid-column: span 1;
      grid-row: 5 / 6;
    }

    .board7 {
      grid-column: span 1;
      grid-row: 7 / 8;
    }

    .board8 {
      grid-column: span 1;
      grid-row: 8 / 9;
    }

    .board-member-pic-2 {
      width: 76%;
      margin: 0 auto 0 10rem;
    }
    .board-member-caption-2 {
      width: 76%;
      margin: 1rem auto 0 10rem;
      font-size: 1.7rem;
      text-align: center;
    }

    .board-member-pic-3 {
      width: 76%;
      margin: 0 0 0 18rem;
    }

    .board-member-caption-3 {
      width: 76%;
      margin: 0 0 6rem 18rem;
      font-size: 2rem;
      text-align: center;
    }
    .past-chair-1 {
      width: 50%;
      margin: auto;
    }

    .past-chair-2 {
      width: 50%;
      margin: auto;
    }

    .committees {
      width: 50%;
      margin: auto;
    }

    .leadership .span-5-of-5 {
      width: 100%;
    }

    .leadership .span-4-of-5 {
      width: 79.68%;
    }

    .leadership .span-3-of-5 {
      width: 59.36%;
    }

    .leadership .span-2-of-5 {
      width: 39.04%;
    }

    .leadership .span-1-of-5 {
      width: 18.72%;
    }

    /* By Laws Page */

    .by-laws-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),
        url(img/annual-membership-meeting-phone-9x16.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }
    .by-laws-header .page-top-heading-flex {
      position: absolute;
      top: 75%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .by-laws-header .home-page-logo {
      position: absolute;
      top: 15%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 85%;
    }

    .incorporation-by-laws {
      width: 98%;
      margin: 0 auto 0 auto;
    }

    .by-laws-articles {
      margin: 2rem 0 2rem 1rem;
    }

    .by-laws-section-headings {
      font-size: 2rem;
      font-style: italic;
      margin: 0 auto 0 5rem;
      font-size: 2rem;
      list-style: square;
      list-style-position: outside;
      line-height: 1.4;
    }

    .leadership-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        url(img/basic-training-lackland-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    /* Awards Page */

    .awards-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url(img/ribbons-phone-9x16.jpg);
      background-size: cover;
      background-position: top;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .awards-header .home-page-logo {
      position: absolute;
      top: 20%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 85%;
    }

    .awards-header .page-top-heading-flex {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .awards .span-1-of-3 {
      width: 100%;
    }

    .mcraney .span-1-of-2 {
      width: 100%;
    }

    .mcraney .award-column-one {
      width: 98%;
      margin: 0 auto 0 20%;
    }

    .mcraney .award-column-two {
      width: 98%;
      margin: 0 auto 0 20%;
    }

    .hart .award-column-one-wide {
      width: 98%;
      margin: 0 auto 0 10%;
    }

    .hart .award-column-two {
      width: 78%;
      margin: 0 auto 0 auto;
    }

    .presidents .award-column-one-middle {
      width: 98%;
      margin: 0 auto 0 20%;
    }

    .presidents .award-column-two {
      width: 98%;
      margin: 0 auto 0 20%;
    }

    .presidents .award-column-two-middle {
      width: 98%;
      margin: 0 auto 0 20%;
    }

    .three-column-text-col-one,
    .three-column-text-col-two {
      padding: 0;
      width: 98%;
      margin: 0 auto 5rem auto;
    }

    .three-column-text-col-three {
      padding: 0;
      width: 98%;
      margin: 0 auto 3rem auto;
    }

    /* Newsletter Archive Page */
    .archive-years {
      padding-bottom: 4rem;
    }

    .news-archives-desktop {
      display: none;
    }

    .news-archives-phone {
      display: block;
    }

    .news-archives-phone .span-1-of-2 {
      width: 49.2%;
    }

    .news-archives-phone-adjust .span-1-of-5 {
      width: 40%;
      margin: 0 5% 0 5%;
    }

    .news-archives-phone-adjust .span-1-of-3 {
      width: 49.2%;
      padding-bottom: 3%;
    }

    .news-archive-icon-3-to-4 {
      width: 75%;
    }

    /*Recent Updates Page */
    .left-align {
      width: 98%;
      margin: 0 auto;
      padding: 0;
    }

    p.short {
      height: 104rem;
      overflow: hidden;
    }

    p.full-height {
      height: auto;
    }

    .recent-updates-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)),
        url(img/kennett-doug-phone-375x560.jpg);
      background-size: cover;
      background-position: center;
      height: 100vh;
      background-attachment: scroll;
      position: relative;
    }

    .recent-updates-header .home-page-logo {
      position: absolute;
      top: 12%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    /* BEGINS: WHO WE ARE PAGE-SPECIFIC ENTRIES */

    /* .who-we-are-header {
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0))
      ),
      url(img/pas-in-silhouette.jpg);
    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
      url(img/pas-in-silhouette.jpg);
    background-position: center;
    height: 45vh;
  } */

    /* ENDS: WHO WE ARE PAGE-SPECIFIC ENTRIES  */

    /* AF news Page */
    .left-side {
      padding: 1rem 0 0 13rem;
    }

    .right-side {
      padding: 0 0 4rem 13rem;
    }

    .image-container-large-phone {
      width: 100%;
      padding: 1% 1% 4% 1%;
    }

    .four-award-winners-grid {
      grid-template-columns: 1fr;
    }

    .pic-side-1,
    .pic-side-2,
    .pic-side-rand {
      grid-column: 1 / 2;
    }

    .pic-mccullough,
    .pic-side-rand,
    .pic-terino {
      grid-row: 2 / 3;
    }

    .story-side-1,
    .story-side-2,
    .story-side-rand {
      grid-column: 1/2;
    }

    /* Event Schedule Page - remove museum img pics, but keep background img of combat camera */

    .not-on-phone-museum-pics {
      display: none;
    }

    .dayton-schedule-pics {
      width: 100%;
      margin: 6rem auto 0 auto;
    }

    .schedule-text {
      width: 98%;
      margin: 0 auto;
      padding: 0;
    }

    #dayton-info-links {
      margin-top: 5rem;
    }

    .dayton-links .three-quarter-links {
      width: 100%;
      padding: 3rem 0 3rem 0;
    }

    .dayton-links-grid .hover-effect {
      width: 100%;
    }

    /* Meeting registration page */
    .main-li {
      margin-left: 5rem;
      padding: 2rem 0 0 0;
    }

    .meeting-form {
      width: 98%;
      margin: 0 auto;
      font-size: 2rem;
      font-weight: 400;
    }

    .meeting-form .span-1-of-3 {
      width: 100%;
      line-height: 3;
    }

    .meeting-form .form-warning-one {
      width: 100%;
      font-size: 2rem;
      padding: 0 0 2rem 0;
    }

    .form-warning-two {
      text-align: left;
      padding: 0 1rem 2rem 2rem;
      width: 90%;
      font-size: 2rem;
    }

    .button-holder {
      text-align: center;
    }

    /* Hotel reservation page */
    .registration-intro {
      width: 98%;
      margin: 0 auto 2rem auto;
    }

    a.phone-number-button:link,
    a.phone-number-button:visited {
      display: inline-block;
      padding: 1.5rem 1.5rem;
      font-size: 2rem;
      border-radius: 1rem;
      background-color: #00308f;
      color: #fff;
      margin: 0 1rem;
      width: 20rem;
      text-align: center;
    }

    /* Challenge Coin Page */
    .what-we-do .challenge-coin-pic {
      width: 100%;
      margin: 2rem 5rem 3rem 12.5rem;
    }

    .left-side-description {
      width: 100%;
      padding: 1rem 1rem 1rem 1rem;
    }

    .right-side-description {
      width: 100%;
      padding: 1rem 1rem 1rem 1rem;
    }

    .challenge-coin-header .home-page-logo {
      position: absolute;
      top: 7%;
      left: 45%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 55%;
    }

    .challenge-coin-header .page-top-heading-center {
      position: absolute;
      top: 88%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    /* Member Application Page */

    /* REMOVES HTML CODE FOR THE MEMBER TYPE AND DUES CHART ON A PHONE AND REPLACES IT WITH A VERTICAL LISTING */
    .member-type-desktop {
      display: none;
    }

    .meeting-form .member-type-phone .span-1-of-12 {
      width: 6.86%;
    }

    .meeting-form .member-type-phone .span-2-of-12 {
      width: 15.33%;
    }

    .meeting-form .member-type-phone .span-3-of-12 {
      width: 23.8%;
    }

    .meeting-form .member-type .span-4-of-12 {
      width: 32.26%;
    }

    .meeting-form .member-type .span-5-of-12 {
      width: 40.73%;
    }

    .meeting-form .member-type .span-8-of-12 {
      width: 66.13%;
    }

    .meeting-form .member-type .span-7-of-12 {
      width: 57.66%;
    }

    .meeting-form .member-type .span-6-of-12 {
      width: 49.2%;
    }

    .meeting-form .member-type .span-12-of-12 {
      width: 100%;
    }

    .meeting-form .member-type .span-11-of-12 {
      width: 91.53%;
    }

    .meeting-form .member-type .span-10-of-12 {
      width: 83.06%;
    }

    .meeting-form .member-type .span-9-of-12 {
      width: 74.6%;
    }

    .phone-radio-rows .span-1-of-12 {
      width: 6.86%;
    }

    .phone-radio-rows .span-10-of-12 {
      width: 83.06%;
    }

    .phone-radio-rows .span-11-of-12 {
      width: 91.53%;
    }

    .radio-alignment {
      padding-right: 3rem;
      line-height: 1.5;
    }

    .payment-method {
      color: #00308f;
      font-weight: 400;
      font-style: italic;
      font-size: 2.1rem;
      text-align: left;
      padding-left: 4rem;
    }
    .payment-method-line {
      display: block;
      height: 0.2rem;
      background-color: #00308f;
      content: " ";
      width: 18rem;
      padding: 0;
    }

    .payment-method-adjust {
      padding-left: 4rem;
    }

    /* MEMBER CATEGORIES PAGE */

    a.join-button-3:link,
    a.join-button-3:visited {
      display: inline-block;
      padding: 2rem 4rem;
      font-size: 2.5rem;
      font-weight: 400;
      text-decoration: none;
      border-radius: 20rem;
      background-color: #00308f;
      color: #fff;
      text-transform: uppercase;
      margin: 0 auto 0 27%;
      width: 44%;
    }

    a.join-button-1:link,
    a.join-button-1:visited {
      display: inline-block;
      padding: 2rem 4rem;
      font-size: 2.5rem;
      font-weight: 400;
      text-decoration: none;
      border-radius: 20rem;
      background-color: #00308f;
      color: #fff;
      text-transform: uppercase;
      margin: 0 auto 0 auto;
      width: 44%;
    }

    .phone-break {
      padding-top: 4rem;
    }

    /* ELECTION 2020 PAGE */

    .candidates .span-1-of-3 {
      width: 100%;
    }

    .candidates .span-2-of-3 {
      width: 90%;
      margin: 5%;
    }

    .applicaton-divider {
      max-width: 98%;
    }

    /* WHO WE ARE PAGE */

    .who-we-are {
      background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2)),
        url(img/who-we-are-tbirds-phone.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
    }

    .who-we-are .page-top-heading-center {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .who-we-are .home-page-logo {
      position: absolute;
      top: 5%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    /* ELECTION */

    .election-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)),
        url(img/election-time.jpg);
      height: 45vh;
    }

    .election-header .home-page-logo {
      position: absolute;
      top: 5%;
      left: 20%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 45%;
    }

    .page-top-heading-election-2022 {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    .h1-margin-smaller {
      margin-bottom: 0.5rem;
    }

    .google-ballot-form {
      height: 5500px;
    }

    /* ELECTION 2022 END */

    /*ELECTION 2023*/
    .page-top-heading-election-2023 {
      position: absolute;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 100%;
    }

    #writein {
      width: 95%;
      margin: -1rem auto 0 1%;
    }

    #your-name {
      width: 95%;
      margin: -1rem auto 0 1%;
    }

    #your-email {
      width: 95%;
      margin: -1rem auto 0 1%;
    }

    #your-phone {
      width: 95%;
      margin: -1rem auto 0 1%;
    }

    #vote-button {
      font-size: 1.5rem;
    }

    #clear-button {
      font-size: 1.5rem;
    }

    /* VOTE THANKS PAGE */

    .votethanks-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3)),
        url(img/i-voted-min.jpg);
      background-size: cover;
      background-position: center;
      height: 30vh;
      background-attachment: scroll;
    }

    .page-top-heading-vote-thanks {
      position: absolute;
      top: 85%;
      left: 82%;
      transform: translate(-50%, -50%);
      width: 70rem;
    }

    .page-top-heading-vote-thanks h1 {
      font-size: 2.3rem;
    }

    .page-top-heading-vote-thanks h3 {
      font-size: 1.6rem;
    }

    .page-top-heading-vote-thanks h3:after {
      opacity: 0;
    }

    /* MEETING REGISTRATION PAYMENT PAGE */

    .page-top-heading-meeting-payment {
      position: absolute;
      top: 79%;
      left: 1%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .meeting-events-header {
      height: 35vh;
    }

    .page-top-heading-flex-meeting {
      position: absolute;
      top: 83%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 50rem;
    }

    .align-right {
      text-align: right;
    }

    /* END OF: MEETING REGISTRATION PAYMENT PAGE */

    /* BEGIN: Attendees page column adjust */

    .attendees-center {
      width: 98%;
      margin: 0 auto;
      text-align: center;
      -moz-column-count: 1;
      column-count: 1;
      line-height: 2;
      list-style-type: none;
    }
    /* END OF: Attendees page column adjust */

    /* BEGIN: PA Leaders Page */

    .pa-leaders-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/arnold-maj-gen-hap-phone.jpg);
      background-size: cover;
      background-position: top;
      height: 90vh;
      background-attachment: scroll;
    }

    .pa-leaders-header .home-page-logo {
      position: absolute;
      top: 7%;
      left: 30%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 55%;
    }

    .leader-column-1 {
      text-align: center;
      padding-right: 0rem;
    }

    .leader-column-2 {
      text-align: center;
      padding-bottom: 1rem;
      padding-left: 0rem;
    }

    .pa-leaders-text {
      padding-bottom: 1rem;
    }

    .pa-leaders-notes {
      width: 90%;
      margin: 2% auto 0 auto;
    }

    /* END OF: PA Leaders Page */

    /* BEGIN: ORAL-HISTORY-PAGE */

    .oral-history-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),
        url(img/operation-homecoming-hanoi-phone.jpg);
      background-size: cover;
      background-position: center left;
      height: 90vh;
      background-attachment: scroll;
      position: relative;
    }

    .oral-history-header .home-page-logo {
      position: absolute;
      top: 7%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 55%;
    }

    /* BEGIN: Meeting Photos pages */

    .miley-small {
      width: 40%;
      border-radius: 0.5rem;
      margin: 1% auto 3% 33%;
    }

    /* END: Meeting Photos pages */

    /* BEGIN: styles and positions the small AFPAAA logo that links back to the home page */
    /* ----------------------------------------------------------------------------*/

    .home-page-logo {
      position: absolute;
      top: 12%;
      left: 19%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 40%;
    }

    /* ----------------------------------------------------------------------------*/
    /* END: styles and positions the small AFPAAA logo that links back to the home page */
    /* ----------------------------------------------------------------------------*/

    /* BEGIN: LIGHTBOX ON HOME PAGE */

    .lightbox {
      position: absolute;
      top: 0;
      left: 0;
      display: none;
      width: 100vw;
      height: 100vh;
      padding: 2% 2% 2% 2%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.95);
      text-align: center;
      text-shadow: #333 0 1px 0;
    }
    .lightbox h2 {
      font-size: 2rem;
    }

    .cancel {
      text-align: left;
      font-size: 1.5rem;
      width: 98%;
      margin: 0 auto;
    }

    /* button#b1 a,
button#b2 a {
    font-size: 2.5rem;
    color: #fff;
    background-color: #00308f;
    border: .2rem solid #00308f;
    border-radius: 1rem;
    padding: 1rem 2rem;
} */

    a.ballot-page-button:link,
    a.ballot-page-button:visited {
      display: inline-block;
      padding: 1.5rem 1.5rem;
      font-size: 1.5rem;
      border-radius: 1rem;
      background-color: #00308f;
      color: #fff;
      margin: 0 1rem;
      width: 10rem;
    }

    a.ballot-page-button:hover,
    a.ballot-page-button:active {
      font-size: 1.6rem;
    }

    #b1:link,
    #b1:visited,
    #b1:hover,
    #b1:active {
      width: 25rem;
    }

    #b2:link,
    #b2:visited,
    #b2:hover,
    #b2:active {
      width: 25rem;
    }

    .lightbox-divider {
      color: #00308f;
      display: block;
      margin-top: 0.5rem;
      margin-bottom: 0.5rem;
      margin-left: auto;
      margin-right: auto;
      border-style: solid;
      border-width: 0.2rem;
    }

    #phone-adjust .span-1-of-6 {
      width: 23.8%;
      margin-right: 1%;
    }

    .ed-thomas-lightbox {
      position: absolute;
      top: 50%;
      left: 50%;
      display: none;
      width: 40rem;
      padding: 4% 4% 4% 4%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.8);
      text-shadow: #333 0 1px 0;
      transform: translate(-50%, -50%);
      border-radius: 1rem;
    }

    #thomas-text {
      width: 85%;
      margin: 0 auto 0 auto;
    }

    .snowbird-lightbox {
      position: absolute;
      top: 100%;
      left: 50%;
      display: none;
      width: 40rem;

      padding: 3% 3% 10% 3%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 1);
      text-shadow: #333 0 1px 0;
      transform: translate(-50%, -50%);
      border-radius: 1rem;
    }

    .snowbird-desktop {
      display: none;
    }

    .snowbird-phone {
      display: inline;
    }

    #snowbird-text {
      width: 90%;
      margin: 0 auto 0 auto;
    }

    .snowbird-pic {
      width: 80%;
      margin: 35% 10% 2% 10%;
      border-radius: 1rem;
    }

    .rosenker-lightbox {
      position: absolute;
      top: 30%;
      left: 50%;
      display: none;
      width: 40rem;
      padding: 2%;
      color: #00308f;
      background-color: rgba(221, 221, 221, 0.9);
      transform: translate(-50%, -50%);
      border-radius: 1rem;
    }

    a.rosenker-button:link,
    a.rosenker-button:visited {
      margin: 0 0 1rem 0;
      width: 25rem;
    }

    /* END: LIGHTBOX ON HOME PAGE */

    /* ----------BEGIN: HALL OF FAME HOME PAGE------------ */

    .hof-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),
        url(img/hof-trophy-phone-no-logo.jpg);
      background-size: cover;
      background-position: center;
      height: 100dvh;
      background-attachment: scroll;
      position: relative;
    }

    .hof-header-text h1 {
      color: #fff;
      font-size: 2.6rem;
      font-style: italic;
      font-weight: 500;
      text-transform: none;
      text-align: center;
      letter-spacing: 0.2rem;
      text-shadow: 0.2rem 0.2rem 0.2rem #555;
    }

    .hof-header-text {
      position: absolute;
      top: 25%;
      left: 53%;
      transform: translate(-50%, -50%);
    }

    .logo-head-hof {
      position: absolute;
      top: 6%;
      left: 39%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 90%;
    }

    #btn-hof-1,
    #btn-hof-2,
    #btn-hof-3,
    #btn-hof-4 {
      width: 17rem;
      margin-bottom: 2rem;
      font-size: 1.4rem;
    }

    .hof-link-box {
      position: absolute;
      width: 100%;
      top: 94%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: #fff;
      text-align: center;
    }

    .hof-about-header {
      color: #00308f;
      font-size: 3rem;
      font-style: normal;
      font-weight: 400;
      text-transform: none;
      text-align: center;
      letter-spacing: 0.3rem;
      text-shadow: 0.2rem 0.2rem 0.2rem #555;
    }

    #phone-spacing {
      margin-top: 5rem;
    }

    .hof-about-header:after {
      display: block;
      height: 0.2rem;
      background-color: #00308f;
      content: " ";
      width: 25rem;
      margin: 2rem auto;
    }

    .hof-phone {
      width: 98%;
      margin: 0 auto 0 2%;
    }

    .hof-phone .span-1-of-6 {
      width: 49.2%;
    }

    .hof-phone .inductee-tab-pic-1-of-6 {
      width: 47%;
      margin: 0 auto 0.5rem 26.5%;
    }

    .nomination-info {
      background-color: #00308f;
      color: #bfbbbb;
      padding: 3rem;
      border-radius: 2rem;
      font-style: italic;
      width: 90%;
      margin: 3rem auto 0 auto;
    }

    .inductee-tab-pic {
      width: 100%;
      margin: 0 auto;
      border-radius: 0.8rem;
    }

    .inductee-tab-caption {
      width: 100%;
      font-size: 1.5rem;
      text-align: center;
      margin: 0 auto;
    }

    .google-nomination-form {
      height: 4000px;
    }

    .hof-gallery {
      display: grid;
      -moz-column-gap: 3rem;
      column-gap: 3rem;
      row-gap: 2.5rem;
      grid-template-columns: repeat(2, 1fr);
    }

    .phone-adjust .span-1-of-3 {
      width: 90%;
      margin: 0 5%;
      padding-bottom: 2rem;
    }

    .phone-adjust .span-1-of-3:last-child {
      padding-bottom: 0;
    }

    .hof-to-home-page-logo {
      position: absolute;
      top: 8%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 70%;
    }

    /* Inductee-pages */

    .correll-even-columns {
      display: grid;
      grid-template-columns: 1fr;
    }

    .inductee-pic-frame {
      width: 50%;
    }

    #back-to-hof {
      width: 65%;
      margin: 1rem auto 7rem auto;
      text-align: center;
      font-size: 2rem;
    }

    .hof-inductee-page-logo {
      position: absolute;
      top: 3.5%;
      left: 26%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 45%;
    }

    .oldfield-book-image {
      width: 35%;
      border-radius: 2%;
      float: left;
      margin-right: 2%;
    }

    .pics-on-same-line {
      width: 98%;
      margin: 0 auto 2% auto;
    }

    .image-container-left-small {
      width: 40%;
      float: left;
      padding-right: 2%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .image-container-left {
      width: 45%;
      float: left;
      padding-right: 2%;
      padding-bottom: 1%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .correll .image-container-left {
      width: 95%;
      margin: 0 2.5% 0 2.5%;
      padding-bottom: 3%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .pribyla .image-container-left {
      width: 95%;
      margin: 0 2.5% 0 2.5%;
      padding-bottom: 3%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .pribyla .image-container-left-40 {
      width: 95%;
      margin: 0 2.5% 0 2.5%;
      padding-bottom: 3%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .rosenker .image-container-left-50 {
      width: 95%;
      margin: 0 2.5% 0 2.5%;
      padding-bottom: 3%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .image-container-center {
      width: 65%;
      margin: 1% auto 2% auto;
      font-size: 2rem;
      font-style: italic;
      color: #00308f;
    }

    .image-container-right {
      width: 40%;
      float: right;
      padding-left: 1%;
      padding-right: 1%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .image-container-right-larger {
      width: 50%;
      float: right;
      padding-left: 1%;
      padding-right: 1%;
      padding-bottom: 1%;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .hof-2-pics-row {
      display: grid;
      -moz-column-gap: 1rem;
      column-gap: 1rem;
      row-gap: 3rem;
      grid-template-columns: 1fr;
    }

    .hof-2-pics-row-size-tall {
      width: 100%;
      margin: 0 auto 0 auto;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    .hof-2-pics-row-size-square {
      width: 100%;
      margin: 0 auto 0 auto;
      font-size: 1.9rem;
      font-style: italic;
      color: #00308f;
    }

    /* END: HALL OF FAME HOME PAGE */

    /* BEGIN: Footer */

    .facebook-symbol {
      margin-top: 1%;
      padding-left: 3rem;
    }

    .follow-us-caption {
      padding-left: 1rem;
    }

    .aircraft-symbol {
      margin-top: 1%;
      padding-left: 10rem;
    }

    .go-back-to-top-text {
      margin: 0.5% auto 4% 15%;
    }

    /* ----------End: HALL OF FAME HOME PAGE------------ */

    /* ----------Begin: PRSA ACCREDITATION PAGE------------ */

    .accreditation-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
        url(img/csaf-welch-secretary-lee-min-phone.jpg);
      background-position: top;
      height: 100dvh;
    }

    .page-top-heading-election-2022 h1 {
      font-size: 2.6rem;
    }

    .accreditation-header .page-top-heading h3 {
      padding: 0.5rem 5rem 0 0;
      font-size: 1.8rem;
    }

    .accreditation-header .home-page-logo {
      position: absolute;
      top: 65%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 75%;
    }

    /* ----------END: PRSA ACCREDITATION PAGE------------ */

    /* ----------BEGIN: JULIE'S BLOG POSTS PAGE------------ */

    .julie-text {
      width: 98%;
      margin: 0 auto 2rem auto;
    }

    .julie-blogs {
      background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.1)),
        url(img/julie-group-mountains.jpg);
      background-size: cover;
      background-position: bottom;
      height: 40vh;
      background-attachment: scroll;
      position: relative;
    }

    .page-top-heading-julie {
      position: absolute;
      top: 89%;
      left: 60%;
      transform: translate(-50%, -50%);
      width: 100rem;
    }

    .home-page-logo-julie {
      position: absolute;
      top: 8%;
      left: 20%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 40%;
    }

    .front-lines-intro {
      width: 98%;
      margin: 0 auto 2rem auto;
    }

    /* ----------END: JULIE'S BLOG POSTS PAGE------------ */

    /* ----------BEGIN: FRONT LINES PAGE------------ */

    .front-lines-header {
      background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)),
        url(img/combat-camera-at-night-crop1.jpg);
      background-size: cover;
      background-position: top;
      height: 25vh;
      background-attachment: scroll;
      position: relative;
    }

    /* ----------END: FRONT LINES PAGE------------ */

    /* ----------BEGIN: MEMORIAL DAY FRONT PAGE------------ */

    .memorial-day-heading {
      position: absolute;
      width: 100%;
      top: 16%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .memorial-day-text {
      color: #fff;
      margin-bottom: 0;
      font-size: 2rem;
    }

    .memorial-day-subtext {
      color: #fff;
      font-size: 1.5rem;
      font-style: italic;
      text-align: center;
    }

    .home-logo-head {
      position: absolute;
      top: 10%;
      left: 50%;
      transform: translate(-50%, -50%);
      height: auto;
      width: 50%;
    }

    /* ----------END: MEMORIAL DAY FRONT PAGE------------ */

    /* Bracket below closes out the ENTIRE media query - DON'T ERASE IT! */
  }
}