.module-product {
            display: flex;
            flex-wrap: wrap; /* to allow wrapping */
            box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
            position: relative;
            min-height:250px;
        }

        .column-product {
            flex: 0 0 35%;
            background-color: #f3f3f3;
            padding: 0px;
            box-sizing: border-box; /*  ensures that padding is included in the total width and height.*/
            
            display : flex; /* vertical align images in middle */
            align-items: center;

        }

        .column-content {
            flex: 0 0 65%;
            background-color: #ffffff;
            padding: 20px 20px 30px 20px;
            box-sizing: border-box;
        }

        .img-product {
            margin:auto;
         
            max-width: 100%;
            width:auto;
            
            display:block;

        }

        .product-title-module {
            color:#ed1c24;
            font-weight:700;
            font-size:18px;
            line-height:26px;
        }
        .product-category {
            color:black;
            font-weight:500;
            font-size:15px;
            line-height:26px;
        }

        .product-description {
            margin-top:10px;
            margin-bottom:30px;
            font-size:13px;
            line-height: 18px;
        }
        .btn-container {
            position: absolute;
            bottom: 6px;
            right: 0px;
            padding:0px;
            
        }

        .product-module-button {
            padding: 10px 20px;
            background-color:#ed1c24;
            color: white;
            border: none;
            border-top-left-radius: 10px;
            cursor: pointer;
            text-decoration:none;
        }

        .product-module-button:hover {
            background-color:black;
            color:white;
        }

        /* both columns will take up 100% of the container width and stack on top of each other */
        @media only screen and (min-width:770px) and (max-width:1000px){
            .column-product, .column-content {
                flex: 0 0 100%;
            }
            .column-content {
                min-height:265px;
            }

           


        }

        @media only screen and (max-width:770px){
            .module-product { 
                margin:auto;
                width:85%;
             }

             .module-product {
                min-height:initial;
            }

        }