#banner {
  width: 100%;
  background: url("../../assets/img/bannerCISC.jpg") top / cover no-repeat;
  height: 100vh;
  padding-top: 0;
  margin: 0px;
  margin-top: 0;
}

.navbar.navbar-light.navbar-expand-md.fixed-top {
  background: rgba(255,255,255,0);
  transition-duration: 1s;
}

#faculty {
  height: auto;
  width: 100%;
  background: rgba(238,237,232,0);
  text-align: center;
  padding: 0px;
  padding-top: 60px;
  padding-right: 10%;
  padding-left: 10%;
  min-height: 100vh;
}

#banner-content {
  padding-top: 40vh;
}

.title {
  color: rgb(255,255,255);
  font-size: 26px;
  font-family: Montserrat, sans-serif;
  background: rgba(255,255,255,0);
}

@media (min-width: 768px) {
  .title {
    color: rgb(255,255,255);
    font-size: 47px;
    font-family: Montserrat, sans-serif;
    background: rgba(255,255,255,0);
  }
}

.title.top {
  font-size: 37px;
  color: rgb(0,68,38);
  font-weight: bold;
}

@media (min-width: 768px) {
  .title.top {
    font-size: 50px;
    color: rgb(0,68,38);
    font-weight: bold;
  }
}

#div {
  width: 333px;
  height: 5px;
  background: #f3bb4f;
  margin-top: 7px;
}

@media (min-width: 768px) {
  #div {
    width: 596px;
    height: 5px;
    background: #f3bb4f;
    margin-top: 16px;
  }
}

#title-back {
  width: 282px;
  height: 45px;
  background: #ffffff;
  text-align: center;
}

@media (min-width: 768px) {
  #title-back {
    width: 435px;
    height: 68px;
    background: #ffffff;
    text-align: center;
  }
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0,0,0);
  transition-duration: 1s;
}

.navbar-light .navbar-nav .nav-link:hover {
  color: rgb(91,91,91);
}

#navbarID .container-fluid .navbar-brand {
  color: #000000;
}

body {
  font-family: Montserrat, sans-serif;
  background-image: url("../../assets/img/background.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.profile-pic {
  width: 50%;
  height: auto;
  border-radius: 100%;
  border-width: 1px;
  border-style: solid;
}

.card-title.faculty-name {
  margin-top: 19px;
  color: rgb(0,0,0);
  font-size: 15px;
}

.col-md-4.col-lg-3.card-container {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 30px;
  padding-left: 30px;
}

.card.card-content {
  box-shadow: 0px 0px 23px -13px;
  height: 204.1px;
}

#Info {
  width: 100%;
  height: auto;
  background: #f1f1f1;
  padding-right: 10%;
  padding-left: 10%;
  padding-top: 100px;
  min-height: 100vh;
  padding-bottom: 20vh;
}

#img-bulding {
}

#Info {
}

#info .par {
  font-size: 17px;
}

#info2 .par {
  font-size: 17px;
}

.col-md-4.image-content {
}

#Info2 {
  width: 100%;
  background: url("../../assets/img/bridgePic.jpg") center / cover no-repeat;
  height: auto;
  padding-right: 10%;
  padding-left: 10%;
  margin-top: 0px;
  padding-top: 10vh;
  padding-bottom: 10vh;
}

#Info2 #container {
  background: rgba(255,255,255,0.79);
  border-radius: 44px;
  border-width: 0px;
  height: 100%;
  margin: 0px;
}

#modal-pic {
  width: 60%;
  margin-bottom: 26px;
}

.par2 {
  font-size: 12px;
  font-weight: bold;
}

html {
  scroll-behavior: smooth;
}