.sectionShopping
    
    background-color: $index-background-color
    .row
        padding-left: 20%
        padding-right: 20%

    .my-img-class
        margin: 5%
        padding: 1%
        border: 1px solid grey
    
    .shopping_pageNav
        a
            background-color: $index-background-color
        a:hover
            background-color: grey

    img
        width: 100%
        object-fit: cover

    h1
        margin-top: 5%
        text-align: center
        color: DarkOliveGreen
        text-shadow: 1px 1.2px 2px grey
    h3
        text-align: center
        color: OliveDrab

    .shopping_productDetails
        div.row
            padding: 0
        .productDetail-col
            div.row:first-of-type
                h2
                  color: OliveDrab  
                margin-bottom: 15%
            div.row:nth-child(2)
                margin-bottom: 15%
            div.row:last-of-type
                margin-top: 2%
            div.quantity
                display: inline-block
                text-align: right
                input
                    height: 100%
            a.productDetail_back_button,input.productDetail_add_button
                width: 100%
    .shopping_productPrice
        color: OliveDrab