@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
:root {
  --primary-dark-color: #bf1e2d;
  --very-dark-primary-color: #000;
  --primary-light-color: #bf1e2d;
  --topbar-background-color: #FFFFFF;
  --menu-background-color: #FFFFFF;
  --menu-alternative-background-color: #FFFFFF;
  --menu-foreground-color: #000000;
  --link-color: #bf1e2d;
  --toc-link-color: #bf1e2d;
  --figure-caption-background-color: #bf1e2d;
  --figure-caption-color: #000;
}

.main-header {
  border-bottom: 8px solid ;
}

header .top-bar-image {
  max-width: 900px;
}

@media screen and (max-width: 39.9375em) {
	header .top-bar-image {
      max-width: 320px;
    }
}

@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	header .top-bar-image {
      max-width: 500px;
    }
}

header .top-bar {
  border-bottom: 2px solid #bf1e2d;
}

header .border-right {
  border-right: none;
}

header .border-left {
  border-left :none;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Roboto', serif;
}

footer .very-dark-primary-color {
  background-color: white;
}