body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  font-family: 'Roboto', sans-serif;
}

html {
  height: -webkit-fill-available;
}

.bg-wrap {
  height: 100vh;
  height: -webkit-fill-available;
  max-height: 100vh;
  overflow-x: auto;
  overflow-y: auto;
  background: url('/assets/tpl/foggy-night4.jpg') no-repeat;
  background-size: cover;
}

.fe-sidebar {
  width: 280px; background-color: rgba(0, 0, 0, .5);
  border: 0;
}

.fe-side-head {
  border-bottom: 1px solid rgba(255,255,255,.2);
  color: #fff; 
  background:transparent !important; 
  font-weight: 400; 
  text-align: center; 
  font-size: 1.5rem;
}

.fe-logo {
  margin-top: 1rem;
}

.list-group-item-dark {
  background: transparent;
  color: #FFF;
}

.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #FFF;
  background-color: rgba(255,255,255,.1);
  text-decoration: underline;
}

.hr-white {
  color: #FFF;
}

.slug {
  color: #fff;
  padding-right: .5rem;
}

.fe-main {
  color: #fff;
  background-color: rgba(0,0,50,0);
}

.copyright {
  color: rgba(255,255,255,.5);
  text-align: center;
  padding: 2rem;
  text-transform: uppercase;
  font-size: 0.8125em;
}

.gal-item img {
    border: 4px solid #FFF;
    border-radius: .5rem;
    margin-bottom: 1rem;
}