@media (min-width: 800px) and (max-width: 850px) {
  .navbar:not(.top-nav-collapse) {
      /* background: #0b51dd!important; */
      padding-right: 58px;
  }
}
.view,body,html{height:100%}
.navbar{background-color:rgba(0,0,0,.2)}
.page-footer,.top-nav-collapse{background-color:#1C2331}@media only screen and (max-width:768px){.navbar{background-color:#1C2331}}

nav.scrolled {
  background: #0a0a0a;
}
nav {
  transition: background .5s; /* control how smooth the background changes */
}

.landscape-photo-img {
  width: 100%;
}

.landscape-photo-container {
  width: 100%;
}