html,
body {
  margin: 0;
  background-color: #fff;
}

.page-contents {
  min-height: 80vh;
  padding-top: 70px;
}

/************************************ NAVI ******************************************/
.navbar {
  background-color: #fff;
  border-bottom: #f5f5f5 1px solid;
}

.navi-contents-can {
  justify-content: flex-end;
}

.nav-logo {
  height: 45px;
}

.nav-items-can {
  display: flex;
  align-items: center;
}

.nav-brand-can {
  display: flex;
  align-items: center;
}

/**************************************** BODY *************************************/

#carouselShowcase {
  border-bottom: #f5f5f5 solid 2px;
}

#carouselShowcase .carousel-item img {
  object-fit: cover;
  object-position: center;
  height: 70vh;
  overflow: hidden;
}

section {
  max-height: 40vh;
  margin: 50px auto;
  padding: 20px;
  box-shadow: #eeeeee 0px 0px 3px 2px;
}

.sec-contents-can {
  display: flex;
  justify-content: space-around;
}

.sec-tnail {
  height: 300px;
  border-radius: 5px;
}

.about-l-can,
.insp-r-can,
.lec-l-can,
.lab-r-can,
.track-l-can,
.gallery-r-can {
  width: 37%;
}

.about-r-can,
.insp-l-can,
.lec-r-can,
.lab-l-can,
.track-r-can,
.gallery-l-can {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 60%;
}

/**************************************** FOOTER *************************************/

footer {
  border-top: #f5f5f5 5px solid;
  min-height: 25vh;
  display: flex;
  width: 100%;
}