* {
  font-family: Nunito, sans-serif;
}

.navbar .navbar-nav .nav-link {
  font-weight: 800;
  color: #fff;
}

.navbar .navbar-nav .nav-link:hover {
  color: rgb(155,156,157);
}

.navbar .navbar-nav .nav-item {
  margin: 0px 9px;
}

.navbar .navbar-nav .nav-link .fa.fa-angle-down {
  font-weight: 700;
}

#header .navbar-brand {
  margin-bottom: -7px;
  margin-top: 10px;
  font-weight: 800;
  color: #fff;
}

.navbar-brand:hover {
  color: rgb(155,156,157);
}

.nav-item .nav .nav-link {
  color: rgb(0,4,91);
  font-weight: 600;
}

#sub-menu {
  padding-top: 8px;
  position: absolute;
  margin-left: -1px;
  background-color: #00045b !important;
}

.nav-item #sub-menu .nav .nav-item:hover {
  transition: 0.4s;
  background-color: #00045b;
}

.nav-item .nav .nav-item {
  margin: 0px;
  padding: 0px 10px;
  background-color: #ffffff;
}

.nav-item .nav .nav-item:hover .nav-link {
  color: #fff;
}

.navbar .nav-item:hover #sub-menu {
  display: block !important;
}

#cisc-logo .img-fluid {
  width: 120px;
  margin-top: -61px;
  border-radius: 50%;
  position: absolute;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-1 {
  height: 80vh;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-3 {
  height: 80vh;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-2 {
  padding-top: 70px;
  height: 80vh;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-3.carousel-item #carousel-heading {
  background-color: #000;
  opacity: 0.6;
  margin-top: 70px;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-1.carousel-item #carousel-heading {
  background-color: #000;
  opacity: 0.6;
  margin-top: 70px;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-2.carousel-item #carousel-heading {
  background-color: #000;
  opacity: 0.6;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-3.carousel-item #carousel-content .col div {
  background-color: #000;
  opacity: 0.8;
}

#wacademic-tracks .col div {
  background-color: #00045b;
}

#why-us .col div {
  background-color: #00045b;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-1.carousel-item #carousel-content .col div {
  background-color: #000;
  opacity: 0.8;
}

#cisc-content #bg-img-carousel #slide-1 #carousel-1 .carousel-item #carousel-content .col #carousel-icon:hover {
  color: #ffffff;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-1 #carousel-content h4 {
  color: #fcfcfc !important;
}

#cisc-content #bg-img-carousel #carousel-1 #slide-3 .img-fluid {
  margin-top: -30px;
  width: 77px;
}

#cmu-cisc #cisc-brand-name {
  height: 50px;
}

@media (min-width: 360) {
  #cmu-cisc #cisc-brand-name {
    height: 29px;
  }
}

@media (max-width: 768px) {
  #cmu-cisc #cisc-brand-name {
    height: 50px;
    min-height: initial;
    max-height: initial;
  }
}

#cmu-cisc #cisc-brand-name p {
  color: #fff;
  margin-top: 13px;
  font-weight: 900;
  font-size: 15px;
}

@media (max-width: 576px) {
  #cmu-cisc #cisc-brand-name p {
    color: #fff;
    font-weight: 900;
    font-size: 9px;
  }
}

#president {
  width: 100%;
}

#president #main-message {
  width: 500px;
  margin-left: 80px;
  padding-bottom: 35px;
}

#mission div {
  width: 52%;
  background-color: #00045b;
  padding: 20px 50px;
}

#president div {
  width: 54%;
  background-color: #00045b;
  padding: 20px 50px;
}

#president div img {
  margin-left: 90px;
}

#president div #position {
  margin-left: 55px;
}

#college-dean div #position {
  margin-left: 75px;
}

#college-dean div {
  width: 54%;
  padding: 20px 50px;
  background-color: #00045b;
  margin-top: -80px;
}

#college-dean {
  width: 100%;
}

#college-dean #main-message {
  width: 500px;
}

#college-dean div img {
  margin-left: 80px;
}

#college-dean #main-message {
  width: 500px;
  margin-left: 80px;
  padding-bottom: 35px;
}

#why-us {
  margin-top: 200px;
}

#why-us h1 {
  font-weight: 700;
  margin-bottom: 90px;
}

#why-us .col #col-content-wrapper {
  padding: 0px 15px;
  height: 200px;
}

#academic-tracks {
  margin-top: 150px;
}

#academic-tracks h1 {
  margin-top: 40px;
  margin-bottom: 80px;
}

#academic-tracks .col #col-content-wrapper {
  background-color: #00045b;
  padding: 0px 15px;
  opacity: 0.8;
  height: 200px;
}

#academic-tracks .col .nav-link:hover #col-content-wrapper {
  background-color: #828181;
}

#academic-tracks .col .nav-link:hover i {
  font-size: 60px !important;
  transition: 0.5s ease-in-out;
  color: #00045b !important;
}

#academic-tracks .col .nav-link:hover h6 {
  color: #00045b !important;
}

#mission-vision div {
  height: 250px;
}

#vision div {
  width: 53%;
  background-color: #00045b;
  padding: 20px 50px;
  margin-top: -70px;
}

#footer {
  /*height: 215px;*/
  background-color: #00045b;
  padding: 3px 80px;
}

#footer a:hover {
  text-decoration: underline;
  color: #adadad !important;
}

#footer ul li {
  margin: 5px 0px;
}

#footer ul li a {
  font-size: 14px;
}

#college-policy h6 {
  padding-left: 38px;
}