@charset "UTF-8";
* {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  /*font-size: 62.5%;*/
  overflow-x: hidden;
}

body {
  font-family: "Josefin Sans";
  font-size: 1rem;
}

*:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Josefin Sans";
}

.h5,
h5 {
  font-size: 1.25rem;
}

.hidden {
  display: none !important;
}

@media only screen and (max-width: 640px) {
  /*
    h1 (2.5rem = 40px)
    h2 (2rem = 32px)
    h3 (1.75rem = 28px)
    h4 (1.5rem = 24px)
    h5 (1.25rem = 20px)
    h6 (1rem = 16px)
    */
  h1 {
    font-size: 2rem;
  }
  h2 {
    font-size: 1.75rem;
  }
  h3 {
    font-size: 1.5rem;
  }
  h4 {
    font-size: 1.25rem;
  }
  h5 {
    font-size: 1rem;
  }
  h6 {
    font-size: 1rem;
  }
}

.bg-blue {
  background-color: #30ced6;
}

.bg-blue-trans {
  background-color: rgba(48, 206, 214, 0.7);
}

.bg-red {
  background-color: #a36b76;
}

.bg-red-trans {
  background-color: rgba(228, 91, 118, 0.8);
}

.bg-img {
  background: url(../images/logo.jpg) no-repeat center center;
  background-size: 120%;
}

header {
  /*.navbar-dark .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000…p='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
    }*/
}

header img {
  height: 60px;
}

@media only screen and (max-width: 766px) {
  header img {
    height: 40px;
  }
}

footer {
  border-top: 1px #d3d3d3 solid;
}

/*
.homepageBanner .myHt {
    height: 70vh;
    @media only screen and (max-width: 1100px) {
        background-size: 120%;
        .myHt {
            height: 300px;
        }
    }
    @media only screen and (max-width: 766px) {
        background-size: 150%;
        .myHt {
            height: 250px;
        }
    }
    @media only screen and (max-width: 480px) {
        background-size: 580px;
        .myHt {
            height: 200px;
            border-bottom: 5px red solid;
        }
    }
}*/
.homepageBanner .carousel-item {
  background: url(../images/innerpage1.jpg) no-repeat center center;
  background-size: 100%;
}

.homepageBanner .carousel-item .myHt {
  height: 70vh;
}

@media only screen and (max-width: 1100px) {
  .homepageBanner .carousel-item {
    background-size: 130%;
  }
  .homepageBanner .carousel-item .myHt {
    height: 400px;
  }
}

@media only screen and (max-width: 766px) {
  .homepageBanner .carousel-item {
    background-size: 150%;
  }
  .homepageBanner .carousel-item .myHt {
    height: 350px;
  }
}

@media only screen and (max-width: 580px) {
  .homepageBanner .carousel-item {
    background-size: 150%;
  }
  .homepageBanner .carousel-item .myHt {
    height: 280px;
  }
}

@media only screen and (max-width: 480px) {
  .homepageBanner .carousel-item {
    background-size: 270%;
  }
  .homepageBanner .carousel-item .myHt {
    height: 380px;
  }
}

.innerpageBanner .carousel-item.active {
  background: url(../images/innerpage1.jpg) no-repeat center center;
  background-size: 100%;
}

.innerpageBanner .carousel-item.active .myHt {
  height: 400px;
}

@media only screen and (max-width: 1100px) {
  .innerpageBanner .carousel-item.active {
    background-size: 120%;
  }
  .innerpageBanner .carousel-item.active .myHt {
    height: 300px;
  }
}

@media only screen and (max-width: 766px) {
  .innerpageBanner .carousel-item.active {
    background-size: 150%;
  }
  .innerpageBanner .carousel-item.active .myHt {
    height: 250px;
  }
}

@media only screen and (max-width: 480px) {
  .innerpageBanner .carousel-item.active {
    background-size: 580px;
  }
  .innerpageBanner .carousel-item.active .myHt {
    height: 200px;
  }
}

.navbar-nav .nav-item {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
}

.navbar-nav .nav-item .nav-link {
  padding-right: 1rem;
  padding-left: 1rem;
  font-size: 1.2rem;
  color: #fff !important;
}

.navbar-nav .nav-item.active {
  background-color: #ce435e;
}

.navbar-nav .nav-item.active a:hover {
  color: #fff !important;
}

.upcoming .box {
  height: 250px;
  background: url(../images/logo.jpg) no-repeat center center;
  background-size: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.upcoming .box > div {
  padding: 15px;
  width: 100%;
  background-color: rgba(95, 150, 153, 0.7);
  margin-bottom: 15px;
}
/*# sourceMappingURL=style.css.map */