header {
  margin-top: 100px;
}

#head-container.hidden {
  display: none;
  visibility: hidden;
}

#head-container.full {
  background: #0A0A0A;
  height: calc(100vh - 150px);
  min-height: 500px;
  max-height: 550px;
  position: relative;
  border-bottom: 5px solid #004C8C;
}

#head-container.large {
  background: #0A0A0A;
  height: calc(100vh - 150px);
  min-height: 500px;
  max-height: 550px;
  position: relative;
  border-bottom: 5px solid #004C8C;
}

#head-container.small {
  background: #0A0A0A;
  height: calc(100vh - 150px);
  min-height: 350px;
  max-height: 450px;
  position: relative;
  border-bottom: 5px solid #004C8C;
}

.slides {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  z-index: 555;
}

.slides li {
  width: 100%;
  height: 100%;
}

.slides li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

@media screen and (max-width: 991px) {
  header {
    margin-top: 0px;
  }

  #head-container.full {
    height: calc(100vh - 85px);
    margin-top: 65px;
    min-height: 300px;
    max-height: 300px;
  }

  #head-container.large {
    background: #0A0A0A;
    height: calc(100vh - 85px);
    margin-top: 65px;
    min-height: 300px;
    max-height: 300px;
  }

  #head-container.small {
    background: #0A0A0A;
    height: calc(100vh - 85px);
    margin-top: 65px;
    min-height: 300px;
    max-height: 300px;
  }
}