@import url("fonts.css");
html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

html {
  background-color: #282828;
  color: #e4e4e4;
  height: 100%; }

body {
  font-family: Open Sans,Arial;
  font-size: 12pt;
  line-height: 1.4;
  text-align: justify;
  margin: 0;
  padding: 0;
  min-height: 100%;
  display: flex;
  flex-direction: column; }
  @media (min-width: 1000px) {
    body {
      font-size: 14pt; } }
header #headname {
  font-size: 3em;
  text-align: center;
  font-variant-caps: small-caps; }

header #headbg {
  background-image: url("/static/img/head.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 30vh; }
  @media (min-width: 1000px) {
    header #headbg {
      height: 55vh; } }
main {
  max-width: 800px;
  align-self: center;
  margin: 0 30px; }
  @media (min-width: 1000px) {
    main {
      margin: 0 60px; } }
  main h2 {
    font-size: 1.2em;
    margin-left: -20px; }
    @media (min-width: 1000px) {
      main h2 {
        margin-left: -40px; } }
a, a:visited {
  color: #6ec1e1;
  text-decoration: none; }

ul {
  list-style-type: circle;
  padding-left: 15px; }
  @media (min-width: 1000px) {
    ul {
      padding-left: 30px; } }