.serif-extralight {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
.serif-regular {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.serif-semibold {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}
.serif-bolder {
  font-family: "Source Serif 4", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.sans-bold {
  font-family: "Source Sans 3", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


body,h1,h2,h3 {
  font-family: "Source Serif 4";
  color: #333; /* Dark gray */

}

p,li {
  font-size: 150%;
  font-weight: 400;
  list-style: disc outside;
}



h1 {
  font-size: 500%;
  font-weight: 700;
    line-height: 80%;
}

h2 {
  font-size: 300%;
  font-weight: 600;
    line-height: 100%;
}
h3 {
  font-size: 200%;
  font-weight: 600;
  margin: 40px 0px 0px 0px;
  
}

a {
  text-decoration: none;
  font-weight: bold;
}


/* Focus indicator for keyboard navigation */
a:focus, button:focus {
  outline: 3px solid #005a9c; /* Visible focus outline with good contrast */
}

.comfyviewing {
  max-width: 75%;
  min-width: 200px;  
  margin: auto;
} 

.globalnav {
  position: sticky;
  top: 0;
  /*padding: 10px 16px;*/
  background: #f6f6f6;
  color: #f1f1f1;
  display: flex;
  justify-content: center;
  align-items: center;
  /*height: 100px;*/
}

nav ul {
  list-style: none;
  padding: 0;
}

nav li {
  display: inline-block;
  margin-right: 15px;
  font-family: "Source Sans 3"; 
  font-size: 90%;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}

footer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
}

img {
max-width: 100%
}