<!-- Body / Standard properties -->

body
{
	min-width: 300px;
}

<!-- Checklist -->

.orderCheckList
{
	float: right;
    padding-right: 80px;
}

<!-- Short description  -->

.productDescriptionShort
{
	float: right; 
    width: 200px;
}

<!-- Product name -->

.itemName
{
 	text-align: center;
}

<!-- Product image -->

.productImage
{
	width: 400px;
    float: left;
}

.productImage:hover 
{
  transform: scale(1.25);
}


<!-- Order button -->

.btnOrdering
{
	color: white;
    background-color: #7f0043;
}


.btnOrder:hover
{
	border: 1px solid orange;
}

<!-- Product price -->

.productPrice
{
	font-size: 24px;
}


<!-- Media window resize -- WIDTH BIG TO SMALL -->
@media (max-width: 1199px)
{
    .productImage
    {
    	width: 300px;
    }
    
    .productDescriptionShort
    {
    	visibility: hidden;
    } 
}

@media (max-width: 991px)
{
	.productDescriptionLong
    {
    	font-size: 14px;
    }
}


@media (max-width: 767px)
{
	.itemprice
    {
    	padding: 0px;
    }
    
    .productImage
    {
    	width: 300px;
    }
    
    .orderCheckList
    {
    	float: left;
        padding-right: 50px;
    }
}

@media (max-width: 519px)
{
	.productImage
    {
    	width: 200px;
   	}
}

@media (max-width: 419px)
{
    .productImage
    {
    	width: 150px;
    }
    
    .itemName
    {
    	font-size: 30px;
    }
}

@media (max-width: 369px)
{
    .productImage
    {
    	width: 100px;
    }
      
    .itemName
    {
    	font-size: 20px;
    }

@media (max-width: 319px)
{
	.Price
    {
    	font-size: 15px;
    }
}
    
}