@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.4)),
      url(/resources/css/img/HoF-2026-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

  .leadership-2025 {
    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;
  }

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

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

  /*adjust photo slider container size for phone */
  .slider-container {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 75%;
  }

  .carousel-container {
    width: 75%;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    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.4)),
      url(/resources/css/img/HoF-2026-phone.jpg);
    background-size: cover;
    background-position: top;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

  .meeting-updates-header {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
      url(img/fairfield-suisin-valley-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

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

  .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;
  }

  .leadership-2025 {
    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;
  }

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

  .election-2026 {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
      url(/resources/css/img/election-2026-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    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%;
  }

  .meeting-updates-header {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
      url(img/fairfield-suisin-valley-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

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

  .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/fairfiled-hotel-hilton-garden-2026-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(img/fairfield-suisin-valley-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

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

  .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 */

  /*adjust photo slider container size for phone */
  .slider-container {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 75%;
  }

  .carousel-container {
    width: 75%;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    position: relative;
  }

  /* 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;
  }

  /*adjust photo slider container size for phone */
  .slider-container {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: auto;
    width: 75%;
  }

  .carousel-container {
    width: 75%;
    max-width: 300px;
    margin: auto;
    overflow: hidden;
    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/HoF-2026-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

  .meeting-updates-header {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.2)),
      url(img/fairfield-suisin-valley-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100dvh;
    background-attachment: scroll;
    position: relative;
  }

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

  .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;
  }

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

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

  .election-2026 {
    background-image:
      linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)),
      url(/resources/css/img/election-2026-phone.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
    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! */
}