.content-with-background {
  color: #FFFFFF;
}
.content-with-background h2,
.content-with-background h3,
.content-with-background h4,
.content-with-background h5,
.content-with-background h6 {
  color: #FFFFFF;
}
.content-with-background h2 {
  font-family: bely-display, sans-serif;
  font-weight: normal;
  font-size: 3.375rem;
}
.content-with-background h3 {
  font-family: bely-display, sans-serif;
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 2.75rem;
}
.content-with-background h4 {
  font-family: bely, sans-serif;
  font-size: 1.938rem;
}
.content-with-background h5 {
  font-family: neuzeit-grotesk, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  letter-spacing: 0.16em;
}
.content-with-background h6 {
  font-family: neuzeit-grotesk, sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  letter-spacing: 0.36rem;
}
.content-with-background .foreground {
  background-color: rgba(15, 15, 15, 0.5);
}
.content-with-background .foreground .container {
  padding: 6rem 1rem;
  font-family: neuzeit-grotesk, sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 2rem;
  font-size: 1.25rem;
  color: #F2F2F2;
}
.content-with-background .foreground .container .content a {
  color: #ad3e00;
  text-decoration: none;
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  -ms-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: #f4b223;
}
.content-with-background .foreground .container .content a:hover {
  color: #E65300;
}
.content-with-background .foreground .container .content table {
  color: #F2F2F2;
}
.content-with-background .foreground .container .links a {
  font-family: neuzeit-grotesk, sans-serif;
  color: #0F0F0F;
  font-size: 1.125rem;
  font-weight: 900;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #F2F2F2;
  transition: color 0.5s;
}
.content-with-background .foreground .container .links a:hover {
  text-decoration: none;
  color: #E65300;
}
.content-with-background .foreground .container .links a .fass,
.content-with-background .foreground .container .links a .fa-solid.fa-sharp {
  color: #E65300;
}
.content-with-background .foreground .container .links a:after {
  font-family: 'Font Awesome 6 Sharp';
  content: '\f061';
  color: #E65300;
  position: relative;
  left: 0.5rem;
}
.content-with-background .foreground .container .links a:hover {
  text-decoration: none;
  color: #E65300;
}