/* Add here all your CSS customizations */
.overlay {
  background: linear-gradient(rgba(0,0,0,.8), rgba(0,0,0,.8)), url(../img/decoration/scientia_hero_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  height: 100%;
  height: -moz-available;          /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  height: fill-available;
}
.jumbotron {
  background: url(../img/decoration/scientia_hero_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  color: #fff;
  height: 100%;
  height: -moz-available;          /* WebKit-based browsers will ignore this. */
  height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
  height: fill-available;
}
.material-icons { 
  display:inline; 
}