#mainNav {
  /* min-height: 56px; */
  padding-left: 3rem;
}

#Home .container-fluid{
  padding-left: 0rem;
  padding-right: 0rem;
  }
  
html {
  scroll-padding-block-start: 1rem;
  scroll-behavior: smooth;

}

#mainNav .navbar-brand {
  color: #ffffff;
  font-weight: 800;
  /* padding: .9rem 0; */
}

#mainNav .nav-item {
  color: fade(white, 80%);
  padding-right: 2rem;
  background-color: transparent;
}

.img-overlay {
  position: absolute; 
  top: 0;
  shape-margin: 0rem;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  /* padding: 5%; */
}

.funcinfo_logo{
  /* width: 100%; */
  margin-top: 30%; 
}

.gal-box{ background-color:white;
  -webkit-box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  box-shadow:0 3px 1px -2px rgba(0,0,0,.2),0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12);
  border:0 solid transparent;  
}

.hover figure img {
	-webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 70%;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.hover figure:hover img{
  -webkit-filter: grayscale(0);
  opacity: 100%;
	filter: grayscale(0);
}

.carousel-control-prev-icon {
  background-image: url(../img/left_arrow_sm.png);
  width: 32px;
  height: 32px;
}
.carousel-control-next-icon {
  background-image: url(../img/right_arrow_sm.png);
  width: 32px;
  height: 32px;
}


@media screen and (min-width: 768px) {
  .Headings {
    font-size: 3vw;
  }
}

@media screen and (max-width: 767px) {
  .Headings {
    font-size: 6vw;
  }
}


@media screen and (min-width: 768px) {
  .Objectives {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 767px) {
  .Objectives {
    font-size: 3vw;
  }
}

@media screen and (min-width: 768px) {
  .Feedback {
    font-size: 1.4vw;
  }
}

@media screen and (max-width: 767px) {
  .Feedback {
    font-size: 3vw;
  }
}
