.hh-header{
    position: relative;
    height: 170px;
}
.hh-logo{
    position: absolute;
    right: 0px;
    top: 20px;
    width: 150px;
}
.hh-company{
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 35px;
    text-shadow: 0 0 2px black;
    position: absolute;
    top: 45px;
    padding-bottom: 2px;
    border-bottom: 1px dotted gray;
}
.hh-slogan{
    position: absolute;
    top: 100px;
}
.hh-sheet{
    box-shadow: 0 0 5px lightgray;
    border-radius: 10px;
    padding: 5px;
    position: relative;
    top: -10px;
    margin-top: 20px;
}
.hh-body{
    padding: 5px;
}
.hh-cart ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
    font-size: smaller;
}
.hh-cart img{
    height: 30%;
    width: 30%;
}
.hh-card{
    margin: 7px 0;

}
.hh-product{
    text-align: center;
    padding: 5px 2px;
    display: inline-block;
}
.hh-product .card-body img{
    height: 150px;
    max-width: 95%;
}