body {
   background-color: #eee;
}
.hello {
  opacity: 1 !important;
}
.full {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.full .content {
  background-color: rgba(0, 0, 0, 0.75) !important;
  height: 100%;
  width: 100%;
  display: grid;
}
.full .content img {
  left: 50%;
  animation: zoomin 0.1s ease;
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
.title-gallery{
	margin: 10% auto;
}
.byebye {
  opacity: 1;
}
.byebye:hover {
  transform: scale(0.9) !important;
}

.gallery {
  padding: 10%;		
  height:100%;
  display: grid;
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));

}
.gallery img {
  max-width: 100%;
  border-radius: 8px;
  box-shadow: 0 0 16px #333;
  transition: all 0.2s linear;
}
.gallery img:hover {
  box-shadow: 0 0 32px #333;
}
.gallery .content {
  padding: 2px;
}
.gallery .gallery-item {
  transition: grid-row-start 100ms linear;
  transition: transform 100ms ease;
  transition: all 0.1s linear;
  cursor: pointer;
}
.gallery .gallery-item:hover {
  transform: scale(1);
}

@media (max-width: 600px) {
  .gallery {
	padding-top:30%;  
	display:block;
    grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
  }
}
@media (max-width: 400px) {
  .gallery {
	padding-top:30%; 
	display:block;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
  }
}
.navbar .navbar-brand .logo-display {
  display: block; 
  margin:10px;
  }
.navbar-toggler.active, .navbar-toggler.active.btn, .navbar-toggler.active.focus.btn, .navbar-toggler.btn:active, .navbar-toggler.btn:active:focus, .navbar-toggler.btn:active:hover, .navbar-toggler.btn:focus, .navbar-toggler.btn:hover, .navbar-toggler.btn:not(:disabled):not(.disabled).active, .navbar-toggler.btn:not(:disabled):not(.disabled):active, .navbar-toggler.focus.btn, .navbar-toggler:active, .navbar-toggler:active:focus, .navbar-toggler:focus, .navbar-toggler:hover, .navbar-togglerbutton.active, .navbar-togglerbutton.active.focus, .navbar-togglerbutton.focus, .navbar-togglerbutton:active, .navbar-togglerbutton:active:focus, .navbar-togglerbutton:active:hover, .navbar-togglerbutton:focus, .navbar-togglerbutton:hover, .navbar-togglerbutton:not(:disabled):not(.disabled).active, .navbar-togglerbutton:not(:disabled):not(.disabled):active {
  background: 0 0 !important;
  border: transparent !important;
  outline: none;
  box-shadow: none; }

.bsnav-transparent .nav-item.dropdown > .navbar-nav, .bsnav-transparent .nav-item.dropdown > .navbar-nav .navbar-nav {
  border-radius: 0; }
.navbar .navbar-brand .logo-scrolled {
  display: none; 
   margin:10px;
   }
a.nav-link:hover {
	color: #224b81 !important;
	text-decoration: underline;
}
.navbar.in .navbar-brand .logo-display {
  display: none; 
  margin:10px;
  }
.nav-link-e:link{
	color: black;
}
.nav-link-e:hover{
	color: #224b81;
}
.gallery{
	margin-top:10px;
}
.navbar.in .navbar-brand .logo-scrolled {
  display: block; 
   margin:10px;
   }