.navbar-brand, .nav-item .nav-link {
    color:  #000;
}

.cart-item {
    color: #fff;
}

.parallax {
  /* The image used */
  background-image: url("../img/xmasbg.jpg");

  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;

  overflow: scroll;
}

@media only screen and (max-width: 768px) {
  
  .parallax {
      background-image: none;
      background-color: forestgreen;
  }
  
}