.container-fluid {
    background-image: url('https://images.unsplash.com/photo-1525547719571-a2d4ac8945e2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=464&q=80');
  background-size: cover;
  background-repeat: no-repeat;
    font-family: Dosis;
    padding: 20px;
  }
  
  h1 {
        text-shadow: 0 0 2px white, 0 0 4px lightSkyBlue, 0 0 6px pink;
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 15px;
  }
  
  h2 {
    font-size: 30px;
  }
  
  .established {
    font-style: italic;
  }
  
  h1, h2, p {
    text-align: center;
  }
  
  .menu {
    border-radius: 20px;
    color: white;
    width: 90%;
    background-color: rgba(0,0,0,0.8);
    box-shadow: 0 0 5px white, 0 0 10px lightSkyBlue, 0 0 15px pink;
    margin-left: auto;
    margin-right: auto;
    padding: 20px;
    max-width: 500px;
  }
  
  img {
    height: 100px;
    width: 100px;
    display: block;
    margin-top: 5px;
    margin-bottom: 20p;
    margin-left: auto;
    margin-right: auto;
  }
  
  hr {
    height: 1px;
    background-color: rgba(0,0,0,0.5);
    border-color: white;
    box-shadow: 0 0 5px lightSkyBlue, 0 0 10px pink;
  }
  
  .bottom-line {
    margin-top: 25px;
  }
  
  h1, h2 {
        text-shadow: 0 0 2px white, 0 0 4px lightSkyBlue, 0 0 6px pink;
/*     font-family: Impact, serif; */
  }
  
  .item p {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
  }
  
  .flavor, .components {
    text-align: left;
    width: 75%;
  }
  
  .price {
    text-align: right;
    width: 25%;
  }
  
  /* FOOTER */
  
  footer {
    font-size: 14px;
  }
  

  
  #official {
    color: white;
    transition: .2s ease-in-out all;
  }
  
    #official:visited {
    color: #999;
  }
  
    #official:hover {
    color: white;
    text-shadow: 0 0 2px white, 0 0 4px lightSkyBlue, 0 0 6px pink;
  }
  
    #official:active {
    color: lightSkyBlye;
    text-shadow: 0 0 5px pink;
  }