#header {
  height: 415px;
  background-position: bottom center;
  background-repeat: no-repeat;
  background-color: #e9eef0;
  border: 1px solid #FFFFFF;
}
@media (max-width: 767px) {
  #header {
    height: 350px;
  }
}
#header #logo {
  position: absolute;
  margin-top: 0;
  max-height: 180px;
  max-width: 180px;
}
@media (max-width: 767px) {
  #header #logo {
    left: 50%;
    margin-left: -90px;
  }
}
#header h1 {
  margin: 15px;
  margin-left: 195px;
  text-align: center;
  background-color: #e9eef0;
}
@media (max-width: 767px) {
  #header h1 {
    margin-top: 180px;
    margin-left: 15px;
  }
}
#header .positions-relative {
  position: relative;
}
#header .second-container {
  height: 345px;
}
#header .MainHeaderTitle {
  background: rgba(34, 75, 125, 0.9);
  color: #fff;
  position: absolute;
  bottom: 20px;
  display: inline-block;
  font-family: 'BebasNeue Light';
  font-size: 70px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 991px) {
  #header .MainHeaderTitle {
    bottom: 60px;
  }
}
#header .CancelMainHeaderTitle {
  background: none;
  padding-left: 0px;
  padding-right: 0px;
}
#header .ChapterHeader {
  font-size: 35px;
  background-color: #ffffff;
  color: #224b7d;
  padding-left: 20px;
  width: 145px;
}
#header .ChapterHeaderTitle {
  background: rgba(34, 75, 125, 0.9);
  padding-left: 20px;
  padding-right: 20px;
}