body{
font-family: Arial;
margin:0;
}

header{
background:black;
color:white;
padding:20px;
text-align:center;
}

.container{
width:100%;
margin:auto;
}

.product-image{
width:50%;
}

.product-info{
width:45%;
}

.product-info h2{
text-align: center;
}

.product-image img{
width:100%;
}

button{
padding:10px 20px;
font-size:16px;
}

.reviews{
width:100%;
margin:auto;
padding:20px;
}

.review{
border:1px solid #ccc;
padding:15px;
margin:10px 0;
}

@media only screen and (max-width: 600px) {
    .container{
        width:90%;
        padding:10px;
    }
    .product-image{
        width:100%;
    }
    .product-info{
        width:90%;
    }
    .reviews{
        width:90%;
    }
}

@media only screen and (max-width: 991px) and (min-width: 601px) {
    .container{
        padding:10px;
    }
    .product-image{
        display: inline-block;
        width:45%;
    }
    .product-info{
        display: inline-block;
        width:45%;
    }
    .product-info h2{
        text-align: right;
    }
    .reviews{
        width:90%;
    }
}

@media only screen and (min-width: 992px) {
    .container{
        width:80%;
    }
    .product-image{
        display: inline-block;
        margin-right: 20px;
    }
    .product-info{
        display: inline-block;
    }
    .review{
        display: inline-block;
        width: 40%;
        margin-bottom: 20px;
        vertical-align: top;
        box-sizing: border-box;
    }
}

footer{
background:black;
color:white;
text-align:center;
padding:15px;
margin-top:40px;
}