/* Global */
:root {
    --primary1: rgb(125, 202, 11);
    --primary2: rgb(247, 166, 0);
    --primary3: rgb(234, 82, 151);
    --secondary1: rgb(0, 0, 0);
    --secondary2: rgb(198, 208, 214);
    --gradient1: linear-gradient(
      to right,
      var(--primary1),
      var(--primary2),
      var(--primary3)
    );
    --gradient2: linear-gradient(
      to right,
      var(--primary3),
      var(--primary2),
      var(--primary1)
    );
    --body: 18px;
    --subheading: 20px;
    --heading: 24px;
  }
  
  @font-face {
    font-family: "ITC Avant Garde STD";
    src: url("./fonts/ITCAvantGardeStd-Bk.otf") format("opentype");
    font-display: swap;
  }
  
  @font-face {
    font-family: "ITC Avant Garde STD";
    src: url("./fonts/ITCAvantGardeStd-Bold.otf") format("opentype");
    font-weight: bold;
    font-display: swap;
  }
  
  @font-face {
    font-family: "ITC Avant Garde STD";
    src: url("./fonts/ITCAvantGardeStd-BkObl.otf") format("opentype");
    font-style: italic;
    font-display: swap;
  }
  
  body {
    margin: 0;
    font-family: "ITC Avant Garde STD", "Helvetica Neue", -apple-system,
      BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
      "Open Sans", sans-serif;
    color: white;
    background-color: var(--secondary1);
    font-size: var(--body);
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  nav {
    padding: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  
  header,
  nav {
    margin: 1rem 1rem 0;
  }
  
  main {
    width: 100%;
    max-width: 1024px;
    flex: 1
  }
  
  main,
  section {
    margin: 1rem;
  }
  
  footer {
    height: 1rem;
  }
  
  a {
    color: var(--primary2);
    text-decoration: none;
  }
  
  ul {
    list-style-type: disc;
  }
  
  ul,
  ol {
    padding-inline-start: 20px;
  }
  
  li {
    margin: 0.25rem 0;
  }
  
  h2 {
    font-size: var(--heading);
  }
  
  h3 {
    font-size: var(--subheading);
  }
  
  a:hover {
    color: var(--primary1);
    text-decoration: underline;
  }
  
  nav > a {
    color: white;
    font-size: var(--subheading);
    font-weight: bold;
    text-decoration: none;
    margin: 0.5rem;
  }
  
  nav > a:hover {
    color: var(--secondary2);
    text-decoration: none;
  }
  
  nav > a.active {
    text-decoration: underline;
  }
  
  #logo-header {
    height: 250px;
  }
  
  .v-spacer {
    height: 1rem;
  }
  
  .divider1,
  .divider2 {
    height: 1rem;
  }
  
  .divider1 {
    background: var(--gradient1);
  }
  
  .divider2 {
    background: var(--gradient2);
  }
  
  .nv {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  
  .nv-n {
    color: var(--secondary2);
  }
  
  /* Home */
  
  #home-copy {
    text-align: center;
  }
  
  #home-subheading {
    color: #F7A600; /* This sets the color to the specific shade of orange */
  }
  
  #living-archive {
    margin: 1rem;
  }
  
  /* About */
  
  #what-we-did-photos img {
    max-width: 100%;
  }
  
  /* Add Your Voice */
  #add-your-voice-others {
    display: flex;
    flex-direction: column;
  }
  
  .response-count {
    color: var(--secondary2);
  }
  
  /* Who We Are */
  
  #who-footer-images {
    width: 99.2vw;
    display: flex;
    background: white;
    align-items: center;
    justify-content: center;
  }
  
  #who-footer-images img {
    max-width: 200%;
    max-height: 500px;
  }
  
  /* QR CODE */
.image-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.centered-image {
  width: 200px; /* You can adjust this value */
  height: auto;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

img {
  max-width: 100%;
  height: auto;
}