.intro { 
  background-image: url(youtube.jpg);
  background-position: center top;
  min-height: 50vh;
}

/* .intro {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
    color: #fff;
    padding: calc(var(--fontSize) * 1) calc(var(--fontSize) * 1) calc(var(--fontSize) * 0.5) calc(var(--fontSize) * 1);
    text-align: center;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    min-height: 100vh;
} */

.top-shadow {
  /* Use tool at https://codepen.io/yaphi1/pen/oNbEqGV to calculate optimal opacity */
  background: linear-gradient(to bottom, rgba(0, 57, 118, 0.521), transparent);
}

.display-table h1,h2 {
  color: white;
  font-size: calc(var(--fontSize) * 1.5);
  margin-top: calc(var(--fontSize) * 1);
  margin-left: calc(var(--fontSize) * 1);
  margin-right: calc(var(--fontSize) * 1);
}

.display-table h3 {
  font-size: calc(var(--fontSize) * 1);
  margin-top: calc(var(--fontSize) * 1);
  margin-left: calc(var(--fontSize) * 1);
  margin-right: calc(var(--fontSize) * 1);
}

.display-table h4 {
  font-size: calc(var(--fontSize) * 0.75);
  margin-top: calc(var(--fontSize) * 1);
  margin-left: calc(var(--fontSize) * 1);
  margin-right: calc(var(--fontSize) * 1);
  color: white;
}

.display-table h5 {
    color: white;
    text-align: center;
    font-size: calc(var(--fontSize) * 0.75);
}

.social-links {
  font-size: calc(var(--fontSize) * 0.75);
  text-align: center;
  margin-bottom: calc(var(--fontSize) * 4);
}

.fa-solid {
  color: white;
  font-size: calc(var(--fontSize) * 1.5);
  /* text-shadow: 1px 0 0 #003976, 0 -1px 0 #003976, 0 1px 0 #003976, -1px 0 0 #003976; */
}

.fa-brands {
  color: white;
  font-size: calc(var(--fontSize) * 1.5);
  /* text-shadow: 1px 0 0 #003976, 0 -1px 0 #003976, 0 1px 0 #003976, -1px 0 0 #003976; */
}

.article {
	margin-top: calc(var(--fontSize) * 1);
}

.breadcrumbs {
  margin-bottom: calc(var(--fontSize) * 2);
}

#tagname {
  display: none;
}

.list li {
  margin-left: calc(var(--fontSize) * 2);
  margin-bottom: calc(var(--fontSize) * 1);
}

@media print {
  .intro {
    display: none;
  }
  h1 {
    display: none;
  }
  h2 {
    padding-bottom: 0.5in;
  }
}