.banner-image {
    justify-items: center;
}
  
.banner-image-img {
    border-radius: 50%;
    max-height: 15em;
}

.banner-subtitle {
  margin-left: 20%; 
  margin-right: 20%; 
  font-style: italic;
}

.masthead {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 75%, #000 100%), url('../img/head2.jpeg');
    background-size: cover;

}

.masthead h1, .masthead .h1 {
    margin-top: 0.5em;
    font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 2.5rem;
    line-height: 2.5rem;
    letter-spacing: 0.8rem;
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
            background-clip: text;
  }
  .masthead h2, .masthead .h2 {
    text-align: center;
    font-size: 1.5rem;
  }
  

.btn {
    box-shadow: 0 0.1875rem 0.1875rem 0 rgba(0, 0, 0, 0.1) !important;
    padding: 1.25rem 2rem;
    font-family: "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 80%;
    text-transform: uppercase;
    letter-spacing: 0.15rem;
    border: 0;
  }
  
  .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #64a19d;
    --bs-btn-border-color: #64a19d;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #558985;
    --bs-btn-hover-border-color: #50817e;
    --bs-btn-focus-shadow-rgb: 123, 175, 172;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #50817e;
    --bs-btn-active-border-color: #4b7976;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #64a19d;
    --bs-btn-disabled-border-color: #64a19d;
  }

  .about-list-icon{
    width: 100%;
    place-items: center;
    height: 80px;
  }
  .about-list-icon a {
      padding-right: 20px;
      cursor:pointer;
      color: #fff;
  }
  .about-list-icon a {
      cursor: pointer;
      color: #fff;
      display: inline-block;
      border: 2px solid;
      margin-left: 20px;
      border-radius: 8px;
      width: 30px;
      height: 30px;
      line-height: 28px;
      text-align: center;
  }
  .about-list-icon a i {
      margin-left: 6px;
      font-size: 20px;
  }