h1 {
    font-size: 2.0 rem;
    color: var(--white);
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.subtitle {
    font-size: 1.4 rem;
    color: var(--white);
    margin: 0 0 0.5rem 0;
    font-weight: 500;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    font-style: italic;
}

h3.label{
  margin: 0 0 0.25rem 0; 
  font-size: 0.85rem;  
  text-transform: uppercase; 
  letter-spacing: 0.5px;
  color: var(--grey-800);
  font-weight: 900;

}

h3.content-name {

  text-decoration: none; 
  transition: color 0.2s ease;

    color: var(--grey-200);
    margin: 0 0 0.5rem 0;
    font-weight: 700;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}
h3 > a{
  text-decoration: none;

    color: var(--grey-100);
}
h3 > a:hover {
  text-decoration: none;
  color: var(--grey-500);
  text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.7);
}

.prominent{
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 1.5rem;
    color: var(--grey-800);
    margin: 0 0 0.5rem 0;
    font-weight: 400;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}