.site-section
{
  width: 100%;
  padding: 0 var(--m16);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
}

.section-dark {
  background-color: var(--dark-bg);
  color: var(--txt-light-1);
}

.section-light {
  background-color: var(--light-bg);
  color: var(--txt-dark-1); 
}
.section-dark .section-heading { color: var(--txt-light-0)}
.section-light .section-heading { color: var(--txt-dark-0)}

.section-dark p { color: var(--txt-light-1); }
.section-light p { color: var(--txt-dark-1); }

.site-section p a { color: var(--link-txt); text-decoration: none;}
.site-section p a:hover { color: var(--link-txt-hov); text-decoration: underline;}

.site-section li a { color: var(--link-txt); text-decoration: none;}
.site-section li a:hover { color: var(--link-txt-hov); text-decoration: underline;}

.site-section .doc-download { color: var(--link-txt); text-decoration: none;}
.site-section .doc-download:hover { color: var(--link-txt-hov); text-decoration: underline;}

.site-section td a {
  color: var(--link-txt);
  text-decoration: none;
}

.site-section td a:hover {
  color: var(--link-txt-hov);
  text-decoration: underline;
}

.section-dark a { color: var(--link-txt)}
.section-dark a:hover { color: var(--link-txt-hov)}
.section-light a { color: var(--link-txt)}
.section-light a:hover { color: var(--link-txt-hov)}

.section-img {
  background-attachment: fixed !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-content: center !important;
}

.section-darken-overlay { box-shadow: inset 0 0 0 2000px rgba(23, 32, 27, 0.792) !important; }


.section-dark .section-heading-mini { 
  color: var(--txt-light-1); 
  font-size: clamp(1rem, 0.9rem + 0.64vw, 1.1rem);
  font-weight: 700;
}
.section-light .section-heading-mini { 
  color: var(--txt-dark-1); 
  font-size: clamp(1rem, 0.9rem + 0.64vw, 1.1rem);
  font-weight: 700;
}

.section-txt {
  padding: 0;
  margin: 0;
}

.google-maps{
  width: 100% !important;
  aspect-ratio: 2/3 !important;
}

@media (min-width: 500px) {
    .google-maps{
      width: 100% !important;
      aspect-ratio: 16/9 !important;
    }
}