sup {font-weight:100;}

#hero-wrapper {
  width: 100%;
}
#hero-carousel > span > span > div > a, #hero-carousel > span > span > div > a:hover {color:#fff;text-decoration:none;}
#hero-wrapper .carousel-wrapper, #hero-carousel {
height:550px;
width: 100%;
}
#hero-carousel img {
  left: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  max-width: none;
  width: 100%;
  height: 100%;
}
#hero-carousel i {
  position: absolute;
  top: 50%;
}
.carousel-inner {height:550px;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item:nth-child(1) {background-image:url(../images/home/homepage-image-400.jpg);background-size:cover;width:100%;height:100%;background-position:top center;}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#hero-carousel .name {max-width:85%;margin-bottom:50px;font-size:14px;margin-top:0;}
#hero-carousel > span {position:absolute;top:230px;z-index:1000;width:80%;margin-left:10%;margin-right:10%;display:block;text-align:center;color:#fff;line-height:1.5em;}
#hero-carousel > span h1 {font-size:22px;text-transform:uppercase;color:#fff;font-weight:900;margin-top:100px;}
.bluebox {background-color:#0D5295;padding:15px;max-width:100%;margin:10px 0;}
.bluebox h2 {font-weight:100;margin-bottom:10px;margin-top:0;letter-spacing:10px;}
.bluebox .btn {background:#013F7A;border-radius:0;}



@media (min-width:400px) {
#hero-wrapper .carousel-wrapper,
#hero-carousel, .carousel-inner {
height:580px;
}
#hero-carousel > span {top:260px;}
}

@media (min-width:520px) {
.carousel-fade .carousel-inner .item:nth-child(1) {background-image:url(../images/home/homepage-image-768.jpg)}
#hero-wrapper .carousel-wrapper,
#hero-carousel, .carousel-inner {
height:700px;
}
#hero-carousel > span h1 {font-size:45px;margin-bottom:0px;}

}

@media (min-width:769px) {
.carousel-fade .carousel-inner .item:nth-child(1) {background-image:url(../images/home/homepage-image-1024.jpg)}
#hero-wrapper .carousel-wrapper,
#hero-carousel, .carousel-inner {
height:750px;
}
#hero-carousel > span {top:320px;}
#hero-carousel > span h1 {font-size:30px;}

}
@media (min-width:991px) {
#hero-carousel .name {max-width:90%;}
#hero-carousel > span {top:290px;}
#hero-wrapper .carousel-wrapper,
#hero-carousel, .carousel-inner {
height:650px;
}
.bluebox {max-width:96%;margin:0 2%;}
#hero-carousel > span h1 {font-size:45px;}
}
@media (min-width:1025px) {
#hero-wrapper .carousel-wrapper, #hero-carousel, .carousel-inner {height:850px;}
.carousel-fade .carousel-inner .item:nth-child(1) {background-image:url(../images/home/homepage-image-1920.jpg)}
}
@media (min-width:1200px) {
#hero-carousel > span {top:330px;}
#hero-carousel > span h1 {font-size:50px;}
#hero-wrapper .carousel-wrapper, #hero-carousel, .carousel-inner {
    height: 750px;
}
}
@media (min-width:1400px) {
#hero-carousel > span h1 {font-size:70px;}
#hero-wrapper .carousel-wrapper, #hero-carousel, .carousel-inner {
    height: 950px;
}
#hero-carousel > span {
    top: 500px;

}
.homebox {max-width:60%;display:block;margin:0 20%;z-index:10000}

#hero-carousel .name {max-width:80%;}
}
@media (min-width:1921px) {
.carousel-fade .carousel-inner .item:nth-child(1) {background-image:url(../images/home/homepage-image-1920.jpg)}
#hero-carousel .name {max-width:70%;}
#hero-wrapper .carousel-wrapper, #hero-carousel, .carousel-inner {
    height: 890px;
}
#hero-carousel > span {
    top: 500px;

}
}
@media (min-width:2200px) and (max-width:2400px) {
.bluebox {min-height:160px;}
}


.home .row{--bs-gutter-x: 0rem;}
@media (max-width:1300px) {
#hero-carousel > span h1 {margin-top:200px;}
}
@media (max-width:992px) {
#hero-carousel > span h1 {margin-top:200px;}
}
@media (max-width:768px) {
#hero-carousel > span h1 {margin-top:100px;}
#TopHead {background-color:#2A4C94}
.carousel-wrapper {margin-top:85px;max-height:480px;}
.carousel-inner {max-height:480px;}
#hero-carousel > span h1 {
    font-size: 35px;
    margin-bottom: 0px;
}
}

@media (max-width:500px) {
#hero-carousel > span h1 {
    font-size: 28px;
    margin-bottom: 0px;
}
}