@media (min-width: 768px) {
  .navbar.navbar-light.navbar-expand-md.fixed-top {
    transition: 500ms ease;
    background: rgba(0,0,0,0);
  }
}

.navbar.navbar-light.navbar-expand-md.fixed-top.scrolled {
  background-image: linear-gradient(90deg, #212529, #2c2314);
}

body {
  min-height: 200vh;
}

@media (min-width: 300px) {
  #navcol-1 {
    background-color: rgba(33,37,41,0);
  }
}

@media (min-width: 768px) {
  #navcol-1 {
    background-color: rgba(0,0,0,0);
  }
}