#header-img {
  background-position: right bottom;
  width: 100%;
  min-height: 180px !important;
  /* height:180px !important; */
  background-size: cover;
  background-repeat: no-repeat;
}


.no-webp #header-img {
  background-image: url("/static/site/header/images/header.jpg");
}

.webp #header-img {
  background-image: url("/static/site/header/images/header.webp");
}


@media (min-width: 1150px) {
  #header-img {
    background-position: right bottom -10px;
  }
}

@media (min-width: 1500px) {
  #header-img {
    background-position: right bottom -30px; 
  }
}

@media (min-width: 2000px) {
  #header-img {
    background-position: center bottom -50px;
    background-size: 2100px;
    background-color: #333776;
  }
}




/* @media (max-width: 1680px) {
  #header-img {
    background-position: right bottom -40px;
    height:180px !important;
  }
} */

/* @media (max-width: 1400px) {
  #header-img {
    background-position: right bottom -20px;
  }
} */

/* @media (max-width: 1250px) {
  #header-img {
    background-position: right bottom -10px;
  }
} */

/* @media (max-width: 1100px) {
  #header-img {
    background-position: right bottom -10px;
  }
} */

@media (max-width: 900px) {
  #header-img {
    background-size: 900px;
  }
}

@media (max-width: 500px) {
  #header-img {
    background-position: right bottom;
    min-height: unset !important;
    height:150px !important;
    background-size: 900px;
  }
}

@media (max-width: 380px) {
  #header-img {
    background-position: right bottom;
    min-height: unset !important;
    height:140px !important;
    background-size: 800px;
  }
}

@media (max-width: 340px) {
  #header-img {
    background-position: right -5px bottom;
    min-height: unset !important;
    height:130px !important;
    background-size: 750px;
  }
}

#banner-div {
  min-height:229px;
}

@media (max-width: 500px) {
  #banner-div {
    min-height:unset !important;
  }

  .welcome-left {
    padding-top:22px;
    padding-left:18px;
  }
  .welcome-right {
    padding-top:0px;
  }
}

.main-nav {
  min-height:50px;
}

body {
  margin:0;
  padding:0;
}

#main-menu {
  width:830px;
  margin:auto;
}

.main-menu-btn {
  margin-bottom:11px !important;
}


@media (max-width: 768px) {
  #main-menu {
    width:unset !important;
    margin:unset !important;
  }
}


/*  Some hacks to make behemoth look prettier */
p {
  margin-bottom:20px;
}