.intro { 
  background-image: url(Office2-min.jpg);
  background-position: center bottom; 
}

.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.623), transparent);
}

/* .intro hr {
    width: 90%;
    margin-top: 0px;
    border-bottom: 2px solid white;
} */

.intro.display-table {
    height: 400px;
}

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

.fa-user-shield {
  color: var(--brandshadow);
  vertical-align: middle;
}

h2 {
  font-size: calc(var(--fontSize) * 1.25);
}

@media print {
  .intro {
    height: 50%;
    min-height: 50vh;
  }
}

.display-table a {
	color: white;
	font-size: calc(var(--fontSize) * 1);
}

.display-table a:hover {
	color: white;
	font-size: calc(var(--fontSize) * 1);
}

.acrobat {
  font-size: calc(var(--fontSize) * 1);
  margin-bottom: calc(var(--fontSize) * 2);
  margin-left: calc(var(--fontSize) * 2);
  margin-right: calc(var(--fontSize) * 2);
  color: white;
  font-weight: bold;
  text-shadow: 1px 0 0 #003976, 0 -1px 0 #003976, 0 1px 0 #003976, -1px 0 0 #003976;
}

.acrobat a {
  font-size: calc(var(--fontSize) * 1);
  font-weight: bold;
}

.acrobat a:hover {
  font-size: calc(var(--fontSize) * 1);
}

.body-text {
	text-align: left;
}

.listing {
	padding-left: 20px;
}

.ria-registrar {
	text-align: center;
}

.footer-links a {
  font-size: calc(var(--fontSize) * 1);
}

.footer-links a:hover {
  font-size: calc(var(--fontSize) * 1);
}