body{font-family:Segoe UI,Arial,Helvetica,sans-serif;padding:20px;background:#f6f6f8}
.wrap{max-width:800px;margin:0 auto;background:#fff;padding:20px;border-radius:6px}
button{padding:8px 12px;margin:6px}
div#shop>div{border-top:1px solid #ddd;padding:8px}

.reset-btn{position:fixed;right:18px;top:18px;background:#c33;color:#fff;border:none;padding:8px 10px;border-radius:4px;cursor:pointer}
.reset-btn:hover{background:#a00}
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
    width: 100%;
  }
  #bannerimage {
    width: 100%;
    background-image: url(wine-bottles-banner.jpg);
    height: 405px;
    background-color: purple;
    background-position: center;
    object-fit: contain;
    background-repeat: no-repeat;
  }
  li {
    display: inline;
    float: left;
    border-right: 1px solid #bbb;
  }
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
  /* Change the link color to #111 (black) on hover */
  li a:hover {
    background-color: #111;
  }

  .active {
    background-color: #04AA6D;
  }