/* bitter-bold-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Bitter Bold';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/bitter-bold-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

body {
  min-height: 100vh;
  background-color: #93def5;
  background-image:         linear-gradient(top, #93def5 0%, #75bae5 800px); /* W3C */
  background-image:    -moz-linear-gradient(top, #93def5 0%, #75bae5 800px); /* FF3.6+ */
  background-image: -webkit-linear-gradient(top, #93def5 0%, #75bae5 800px); /* Chrome, etc */
}

#sidebar {
  background-color: #93def5;
  background-image:         linear-gradient(bottom, #93def5 0%, #75bae5 800px); /* W3C */
  background-image:    -moz-linear-gradient(bottom, #93def5 0%, #75bae5 800px); /* FF3.6+ */
  background-image: -webkit-linear-gradient(bottom, #93def5 0%, #75bae5 800px); /* Chrome, etc */
}

#header {
  padding-top: 2.5em !important;
}

#main div.inner {
  background-image: url('../images/header-bg.png');
  background-repeat: repeat-x;
  background-position: left 0.5em;
}


#main > .inner {
  padding: 0 0 0.1em 0;
  margin: 0 6em;
}

@media screen and (max-width: 1680px) {
  #main > .inner {
    padding: 0 0 0.1em 0;
    margin: 0 5em 0 5em;
  }
}
@media screen and (max-width: 1280px) {
  #main > .inner {
    padding: 0 0 0.1em 0;
    margin: 0 4em 0 4em;
  }
}
@media screen and (max-width: 736px) {
  #main > .inner {
    padding: 0 0 0.1em 0;
    margin: 0 2em 0 2em;
  }
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: inherit;
  text-decoration: none;
  border-bottom: 0;
}

h1, .h1 {
  font-size: 2.5em !important;
  margin: 0 0 0.5em 0;
  line-height: 1.3;
}

h2, .h2 {
  font-size: 2em !important;
}

h3, .h3 {
  font-size: 1.75em !important;
}

h4, .h4 {
  font-size: 1.25em !important;
}

h5, .h5 {
  font-size: 1.1em !important;
}

h6, .h6 {
  font-size: 0.9em !important;
}

@media screen and (max-width: 1680px) {
  h1 {
    font-size: 2em !important;
  }
}
@media screen and (max-width: 980px) {
  h1 {
    font-size: 1.5em !important;
  }
}
@media screen and (max-width: 736px) {
  h1 {
    font-size: 1.75em !important;
    line-height: 1.4 !important;
  }
}

#banner {
    padding: 1em 0 1em 0;
}
#menu > ul > li a {
  line-height: 2em;
  vertical-align: middle;
}

#menu > ul > li a:hover {
  text-decoration: underline;
}

header.major > :last-child {
  margin-bottom: 0.5em;
}