body { 
  font-family: 'Prompt', sans-serif; 

}

header, main, footer {
  max-width: 600px;
  min-width: 520px;
  margin: 0 auto;
  padding: 0px 20px 0px;  
}

//header { padding: 0px 0px 0px; }

main p { line-height: 1.25em; }

.h1_box {
  color: white;
  background-color: black;
  height: 150px;
  max-width: 600px;
  min-width: 520px;
  display: flex; 
  justify-content: center;
  align-items: center;
}

h1 a { 
  color: white;
  font-size: 4.5rem; 
}

h1 a:hover {
  color: white;
  text-decoration: overline;
  text-decoration-color: white;
}

img { max-width: 100%; }

h2 { font-size: 1.75em; }

h3 { font-size: 1.25em; }

h4 { font-size: 1em; }

a {
  color: black ;
  text-decoration: none;
}

a:hover { 
  color: black;
  text-decoration: underline;
  text-decoration-thickness: 15%;
}

.nolink a:hover {
  color: white;
  text-decoration: line-through;
  text-decoration-color: black;
  text-decoration-thickness: 20%;
}

#about_articles article { margin-bottom: 3em; }

article { 
  margin-bottom: 3em; 
  line-height: 1.25em;
}

#about { line-height: 1.25em; }

.about_ul { list-style-type: none; }

li { margin-bottom: 0.5em; }

#linethrough { text-decoration: line-through; }

.section {
  margin-top: 2.5em;
  margin-bottom: 2.5em;
}

.course_description {
  line-height: 1.25em;
}

.course_outcomes a {
text-decoration: underline;
}

footer {
  font-size: 0.9em;
  padding: 0px 20px 20px;
  text-align: center;
  margin-bottom: 5em;
}