Delonghi ECOM311.BK Icona Micalite Espresso Coffee Machine - Black
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .delon-header{ background-color: #0c2340; margin: 15px; } .delon-row{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .delon-row-1{ display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; } .delon-col{ width: 75%; padding: 10px; } .delon-col-1{ width: 25%; padding: 10px; float: right; text-align: right; } .delon-col-2{ width: 35%; padding: 10px; } .delon-col-3{ width:65%; padding: 10px; } .delon-col-4{ width:50%; padding: 10px; } .delon-header h4{ color: white; text-align: left; } .delon-col-3 ul{ color:#0c2340; } .delon-feat h3{ text-align: center; }.delon-feat h5{ text-align: center; } .delon-feat p{text-align: center;} .delon-feat img{ margin-left: auto; margin-right: auto; display: block; } @media (max-width: 767px) { .delon-row{ flex-direction: column-reverse; /* Reverse the order of columns */ } .delon-col, .delon-col-1, .delon-col-2, .delon-col-3, .delon-col-4{ width: 100%; padding: 5px; } .delon-header h4{ text-align: center; } .delon-header img{ margin-left: auto; margin-right: auto; display: block; } .delon-col-3{text-align: center;} } </style> </head> <body> <div class="delon-header"> <div
