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

@media screen and (max-width: 600px) {
  header .top-bar-image {
  max-width: 300px;
  max-height: 50px;
  }
}
@media screen and (max-width: 1250px) {
  header .top-bar-image {
  max-width: 400px;
  max-height: 100px;
  }
}

@media screen and (min-width: 1250px) {
  header .top-bar-image {
  max-width: none;
  max-height: 150px;
  }
  header .header-image-bar {
    max-width: none;
  }
}

.main-header {
  border-bottom: none;
}

header .top-bar {
  border-bottom: none;
}

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

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

body {
  font-family: 'Lora', serif;
}

html body {
  font-family: 'Lora', serif;
}

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