#top_menu {
  z-index: 99;
  transition: 0.4s; /* Adds a transition effect when the padding is decreased */
  padding: 10px 10px;
}
#top_logo {
  transition: 0.4s; /* Adds a transition effect when the size is decreased */
  height: 90px;
}

hr {
  border-top: solid #000 1px;
  margin: 30px 0;
}
hr:after {
  content: url( '/renumemo/images/favicon-32x32.png' );
  /* Controls the position of the logo */
  left: 50%;
  position: absolute;
  transform: translateY(-50%) translateX(-50%);
  /* Controls the whitespace around the symbol */
  padding: 20px;
  background: #fff;
}

.navbar .nav-item .nav-link{
  font-size: 1.2rem;
  font-weight: bold;
  display: inline-block;
  position: relative;
  padding-left: 0;
  padding-right: 0;

}
.navbar .nav-item .nav-link.active::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(1);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #ffd936;
}

.navbar .nav-item .nav-link::after{
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #ffd936;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}
.navbar .nav-item .nav-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.title_banner{
  height: 400px;
}
.sub_banner{
  height: 300px;
}
.title_banner_thin{
  height: 300px;
}
.title_banner_index{
  height: 700px;
}
.title_banner_index h1{
  color:white;
  text-shadow: black 1px 0 5px;
}
.title_banner h1{
  color:white;
  text-shadow: black 1px 0 5px;
}
.bg_index{
  background: url('images/banner_bg/bg_index.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg_about{
  background: url('images/banner_bg/bg_about.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.bg_research{
  background: url('images/banner_bg/bg_research.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.small_logo{
  height:50px;
}

@media only screen and (max-width: 600px) {
  .sub_banner{
    height: 500px;
  }
}
.bg_solid{
  background-color: #f6f8f5;
}
.bg_grass{
  background: url('images/banner_bg/bg_grass.jpg');
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}
.bg_mountains{
  background: url('images/banner_bg/bg_mountains.jpg');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}