#siteFrame > header{
    margin:0 auto;

    margin-bottom:5em;
    padding:0 2rem;
    max-width:1280px;

}

#hTop{
    display: flex;
    flex-flow:row nowrap;
    align-items: center;
    padding: 2em 0;
    > a.header-logo{
        flex:0 0 20em;
        height:6rem;
        background-image:url('../img/logo-hz.svg');
        background-repeat: no-repeat;
        background-size: contain;
        background-position: left center;

    }


    > .cart-btn{
        margin-left: auto;

        text-align: center;
        font-size:.7em;
        text-transform: uppercase;
        text-align: center;

        > img{
            display: block;
            width:3em;
        }
    }

}

#siteFrame > header nav ul{
    display: flex;
    flex-flow:row wrap;
    gap:.5em 2em;
    list-style: none;
}

#siteFrame > header a{
    text-decoration: none;
}

#siteFrame > footer{
    padding:5em 3em;
}

#siteFrame > footer nav ul{
    display: flex;
    flex-flow:row wrap;
    justify-content: center;
    gap:.5em 2em;
}

#siteFrame > footer nav ul a{
    color:#000;
}

@media (max-width: 480px) {

    #hTop a.header-logo{
            flex:0 0 10em;
            height:10rem;
            background-image:url('../img/logo.svg');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: left center;

    }


}