/* X-Small devices (portrait phones, less than 576px) */

.navbar{height:62px; position: fixed; top:0; margin-bottom:62px;transition: top ease-in-out 0.6s; z-index:5; background-color:white;}
.navbar-light{border-bottom:0.5px solid #efefef;}
.navbar-toggler{border:none; outline:none !important; box-shadow:0 0 0 0px !important; top:0;}
.navbar-toggler-right{position: absolute; right:0; top:16px;}
.navbar-toggler-left{position: absolute; left:0; margin-top:12px;}
.nav-link{color:#111111; column-gap: 1.5em; text-transform: uppercase; font-weight:200; font-size:0.9em;}
.offcanvas .nav-link{font-weight:300; }
.offcanvas-header {padding: 1.5rem 0.8rem;}
.offcanvas-end .offcanvas-header .btn-close {position: absolute; right: 2.5em; top: 1.5em;}
.offcanvas-end{border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left:none;} 
.offcanvas-start{border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-right:none;}

footer{border-top:0.5px solid; text-align: center; padding:2em; font-size: 0.8em; font-weight: 100; background-color: rgb(247, 246, 245); border-color: rgb(210, 213, 217);}

.cartIcon {
    position: absolute;
    right: 48px;
    height: 28px;
    margin-right: -4px;
    z-index: 10;
    top: 4px;
}

.cartBottles {
    font-family: henderson-sans-basic, sans-serif;
    width: auto;
    background-color: firebrick;
    color: white;
    border: none;
    border-radius: 28px;
    padding: 4px 6px;
    font-size: 0.5em;
    position: relative;
    top: -10px;
    left: -10px;
    z-index: 20;
    height: 28px;
    min-width: 28px;
    display: block;
    padding-top: 9px;
}

.profileImage{
    position: relative;
    left: 0px;
    top: -8px;
    height: 28px;
    z-index: 1;
}

.navbar-brand-img{height:40px; width:166px; margin: -4px 2em;}

.bgimage {
  width:100%;
  height:500px;
  background: url('https://images.unsplash.com/photo-1438109491414-7198515b166b?q=80&fm=jpg&s=cbdabf7a79c087a0b060670a6d79726c');
  background-repeat: no-repeat;
  background-position: center;
  background-size:cover;
  background-attachment: fixed;
}
.bgimage h5 {
  color:white;
  text-shadow:2px 2px #333;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { 

}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) { 

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) { 

}