body,
h3,
html {
  line-height:18px
}
:root {
  --black:#000;
  --white:#fff;
  --darkWhite:#f3f3f3;
  --darkGrey:#353535;
  --mediumGrey:#666;
  --lightGrey:#888;
  --xlightGrey:#aaa;
  --sliGrey:#353535;
  --sliRed:#800E13;
  --sliGold:#CA9322;
}
body,
html {
  background:var(--white);
  color:var(--darkGrey);
  white-space:normal;
  font-family:helvetica,arial,sans serif;
  font-size:15px;
  margin:0;
  padding:0;
  height:100%;
  background:0 0
}
a,
a:active,
a:link,
a:visited {
  color:var(--mediumGrey);
  font-weight:700;
  text-decoration:none
}
a img {
  border:0
}
h1,
h2,
h3 {
  font-weight:700;
  margin:0;
  color:var(--darkGrey)
}
h1,
h2 {
  margin-top:10px
}
h1 {
  font-size:24px;
  line-height:28px
}
h2 {
  font-size:16px;
  line-height:19px
}
h3 {
  margin-top:5px
}
p {
  margin:0;
  padding:0
}
.clear {
  clear:both
}
.separator-line {
  border-bottom:solid 3px var(--xlightGrey);
  height:16px
}
#footer-container,
#header-container,
#middle-container {
  max-width:65%;
  margin:0 auto
}
#main-container {
  min-width:400px;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}
#middle-wrapper {
  padding-top:115px;
  flex:1;
}
#middle-container {
  padding:10px 0;
  display:flex;
  flex-direction:column;
}
#header-wrapper {
  box-shadow:0 3px 5px var(--lightGrey);
  margin-bottom:15px;
  width:100%;
  z-index:500;
  border-top:3px solid var(--sliRed);
  position:fixed
}
#header-inner-wrapper {
  width:100%;
  background:var(--white)
}
#sitetitle {
  float:left;
  max-width:600px;
  height:100px;
  max-height:100px;
  text-align:left
}
#sitetitle a img {
  max-width:100%;
  height:auto;
}
#footer-wrapper {
  box-shadow:0 -3px 5px var(--lightGrey);
  min-height:30px
}
#footer-inner-wrapper {
  background:var(--darkGrey);
  border-bottom:3px solid var(--sliRed)
}
#footer-container {
  color:var(--white);
  padding-top:15px;
  padding-bottom:20px
}
#progressContainer {
  width: 50%;
  background-color: #f3f3f3;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  height: 20px;
  margin: 10px 0;
}
#progressBar {
  width: 65%;
  height: 20px;
  background-color: #ca9322;
  background-image: repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.15),
    rgba(255, 255, 255, 0.15) 5px,
    transparent 5px,
    transparent 10px
  );
}

@media only screen and (max-width:1649px) {
  #footer-container,
  #header-container,
  #middle-container {
    max-width:75%
  }
}
@media only screen and (max-width:1449px) {
  #footer-container,
  #header-container,
  #middle-container {
    max-width:85%
  }
}
@media only screen and (max-width:1299px) {
  #footer-container,
  #header-container,
  #middle-container {
    max-width:95%
  }
}
@media only screen and (max-width:998px) {
  #progressContainer {
	width: 75%;
  }
}
@media only screen and (max-width:479px) {
  #header-container {
    max-width:100%;
  }
  #progressContainer {
	width: 100%;
  }
}