#product-page{
    display: block;
    position: relative;
    top:0;
    margin:0vh auto 0vh auto;
    width:100%;}

#product-page .section-column-content{
        display:block;
        position: relative;
        min-height: 100px;
        overflow: hidden;
        margin:0 auto 0 auto;
        padding:0 0;
        border-style:solid;
        border-color: #C97756;
        border-width: 6px;
        border-radius: 16px;
        border-style: ridge;
        top:0;
    }
#product-page .section-column-heading-text{font-family:koch-bold,arial,helvetica,sans-serif;font-size:1.5rem;font-weight:700;font-variant:small-caps;color:#6bbbff;text-align:center;padding:0 3% 0 3%;top: 24px;z-index:1}
#product-page .section-column-heading-text-product-page{
    display:block;
    position:absolute;
    top:0;
    font-size:1.4rem;
    font-weight:700;
    font-variant:small-caps;
    color:#f8f9fa; 
    text-align:center;
    padding:.5% 10% .5% 10%;
    margin-top:0;
    z-index:1;
}

#product-page .quote{color:#f8f9fafa;font-size:2rem;font-weight:initial;font-style:italic;background:0 0;-webkit-text-fill-color:#f8f9fafa;text-align:center;margin-bottom: 0rem;margin-top: 2vh;}

#product-page .section-column-heading{
    display:block;
    position:absolute;
    top:0;
    border-style:solid;
    border-width:1px;
    border-radius:5px 30px;
    border-color:#6bbbff;
    font-family:koch-bold,arial,helvetica,sans-serif;
    font-size:1.4rem;
    font-weight:700;
    font-variant:small-caps;
    color:#6bbbff;
    text-align:center;
    padding:.5% 10% .5% 10%;
    margin-top:0;
    z-index:1;}
    
    #product-page{
        display: block;
        position: relative;
        margin:2vh auto 2vh auto;
        width:100%;}
    
    #product-page:target::before{content:"";display:block;position:relative;height:11vh;margin-top:16vh;visibility:hidden;} 
    
    #product-page .wrapper {
        width: 50%;
        margin: 0 auto 1em auto;
        padding: 0.5em;
    }
    #product-page div.hide-portrait{
        display:none;
    }
    #product-page .items-container {
        background-color:#55D4D1;
        margin:0 auto 1vh auto;
        padding:25px;
        border-style:solid;
        border-color: #C97756;
        border-width: 6px;
        border-radius: 16px;
        border-style: ridge;
    }

    #product-page .item {
        width:50%;
        margin:0 auto 1vh auto;
        padding:0 0 0 0;
        border-style:solid;
        border-color: #C97756;
        border-width: 6px;
        border-radius: 16px;
        border-style: ridge;
    }
    #product-page .item-caption {
        line-height: 1.5rem;
        font-family:perpetua_regular,"Times New Roman",Times,serif;
        font-size:1.5rem;
        font-variant:small-caps;
        text-align: center;
        margin-bottom: .5rem; 
    }
    #product-page .item-name {
        line-height: 2.5rem;
        font-family:americanaextra_bold,"Times New Roman",Times,serif;
        font-size:2.5rem;
        font-weight: bold;
        text-align: center;
        margin-bottom: 1rem;
    }
    #product-page .sku {
        line-height: 18px;
        font-family:perpetua_regular,"Times New Roman",Times,serif;
        font-size:1.5rem;
        font-variant:small-caps;
        text-align: center;
        margin-bottom: .5rem; 
    }
    #product-page .item-brand {
        line-height: 10.3px;
        letter-spacing: 3.4px;
        font-family:perpetua_regular,"Times New Roman",Times,serif;
        font-size:28px;
        font-variant:small-caps;
        text-align: center;
        margin-bottom: .5rem;
    }
    #product-page .item-price {
        line-height: 1.3rem;
        font-family:perpetua_regular,"Times New Roman",Times,serif;
        font-size:1.3rem;
        text-align: center;
        margin-bottom: 1rem;
    }
    #product-page ul li {
        font-family: perpetua_regular,"Times New Roman",Times,serif;
        font-size: 1.25rem;
        font-weight: initial;
        padding: 0 5px 0 5px;
    }
    #product-page .perpetua {
        font-family: perpetua_regular,"Times New Roman",Times,serif;
        font-size: 1rem;
        font-weight: initial;
        padding: 0 5px 0 5px;
    }
    #product-page .swatches{
        text-align: center;
    }
    #product-page .circle-swatch {
        display:inline-block;
        height:30px;
        width:30px;
        border-style: solid;
        border-width: 1px;
        border-color: #000000;
        border-radius: 50%;
        padding: 1px;
        margin-left: 2.5px;
        margin-right: 2.5px;   
    }
    #product-page .center-img{
        position:relative;
        width:45vw;
        border-style:solid;
        border-width:2px;
        border-radius:1rem;
        border-color:#6bbbff;
        margin: 0 auto;
        background:-moz-linear-gradient(top,rgba(172,34,36,.7) 0,rgba(0,0,0,1) 100%);background:-webkit-linear-gradient(top,rgba(172,34,36,.7) 0,rgba(0,0,0,1) 100%);
        background:linear-gradient(to bottom,rgba(172,34,36,.7) 0,rgba(0,0,0,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ac2224', endColorstr='#000000', GradientType=0 );}
    #product-page .thumb{
        margin:.5rem 0 1rem 0;
        padding:5px;
        width:30vw;
        max-width:160px;
        height:16vh;
        background:#eae9d4;
        -webkit-box-shadow:0 0 20px rgba(0,0,0,.75);
        -moz-box-shadow:0 0 20px rgba(0,0,0,.75);
        box-shadow:0 0 20px rgba(0,0,0,.75);
        -webkit-border-radius:8px;
        -moz-border-radius:8px;
        border-radius:8px}
        #product-page .circle-swatch.antique-brown, .circle-swatch-modal.antique-brown{
            background-image:url(../images/color-swatches/antique-brown_50x.webp);
                }
                #product-page .circle-swatch.black, .circle-swatch-modal.black {
            background-image:url(../images/color-swatches/black_50x.webp);
                }
                #product-page .circle-swatch.black-hair-on, .circle-swatch-modal.black-hair-on {
            background-image:url(../images/color-swatches/black-hair-on_50x.webp);
                }
                #product-page .circle-swatch.black-tooled, .circle-swatch-modal.black-tooled {
            background-image:url(../images/color-swatches/black-tooled_50x.webp);
                }
                #product-page .circle-swatch.brindle-hair-on, .circle-swatch-modal.brindle-hair-on {
            background-image:url(../images/color-swatches/brindle-hair-on_50x.webp);
                }
                #product-page .circle-swatch.charcoal-black, .circle-swatch-modal.charcoal-black {
            background-image:url(../images/color-swatches/charcoal-black_50x.webp);
                }
                #product-page .circle-swatch.charcoal-tan, .circle-swatch-modal.charcoal-tan {
            background-image:url(../images/color-swatches/charcoal-tan_50x.webp);
                }
                #product-page .circle-swatch.charcoal-turquoise, .circle-swatch-modal.charcoal-turquoise {
            background-image:url(../images/color-swatches/charcoal-turquoise_50x.webp);
                }
                #product-page .circle-swatch.chestnut-brown, .circle-swatch-modal.chestnut-brown {
            background-image:url(../images/color-swatches/chestnut-brown_50x.webp);
                }
                #product-page .circle-swatch.chocolate, .circle-swatch-modal.chocolate {
            background-image:url(../images/color-swatches/chocolate_50x.webp);
                }
                #product-page .circle-swatch.chocolate-brown, .circle-swatch-modal.chocolate-brown {
            background-image:url(../images/color-swatches/chocolate-brown_50x.png);
                }
                #product-page .circle-swatch.crimson, .circle-swatch-modal.crimson {
            background-image:url(../images/color-swatches/crimson_50x.webp);
                }
                #product-page .circle-swatch.dark-turquoise, .circle-swatch-modal.dark-turquoise {
            background-image:url(../images/color-swatches/dark-turquoise_50x.webp);
                }
                #product-page .circle-swatch.denim-blue, .circle-swatch-modal.denim-blue {
            background-image:url(../images/color-swatches/denim-blue_50x.webp);
                }
                #product-page .circle-swatch.distressed-charcoal, .circle-swatch-modal.distressed-charcoal {
            background-image:url(../images/color-swatches/distressed-charcoal_50x.webp);
                }
                #product-page .circle-swatch.distressed-cream, .circle-swatch-modal.distressed-cream {
            background-image:url(../images/color-swatches/distressed-cream_50x.webp);
                }   
                #product-page .circle-swatch.dusty-rose, .circle-swatch-modal.dusty-rose {
            background-image:url(../images/color-swatches/dusty-rose_50x.webp);
                }
                #product-page .circle-swatch.light-brown, .circle-swatch-modal.light-brown {
            background-image:url(../images/color-swatches/light-brown_50x.webp);
                }
                #product-page .circle-swatch.marine-turquoise, .circle-swatch-modal.marine-turquoise {
            background-image:url(../images/color-swatches/marine-turquoise_50x.webp);
                }
                #product-page .circle-swatch.natural-tan, .circle-swatch-modal.natural-tan {
            background-image:url(../images/color-swatches/natural-tan_50x.webp);
                }
                #product-page .circle-swatch.pony-hair-on, .circle-swatch-modal.pony-hair-on {
            background-image:url(../images/color-swatches/pony-hair-on_50x.webp);
                }
                #product-page .circle-swatch.sand, .circle-swatch-modal.sand {
            background-image:url(../images/color-swatches/sand_50x.webp);
                }