body{font-family:Arial,sans-serif;margin:0;padding:0;background-color:#e0f0e0}
header{position:relative;text-align:center;padding:50px;color:#000}
header::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../images/header.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#000;opacity:.25;z-index:-1}
header h1{margin:0;font-size:38px}
header p{font-size:28px;font-weight:700}
main{max-width:800px;margin:0 auto}
section{margin:18px 0}
section h2{text-align:center;}
.image-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:5px}
.gallery-item{width:calc(25% - 2.5px);margin-bottom:5px;position:relative;overflow:hidden}
.gallery-item img{width:100%;border-radius:8px;transition:transform .3s ease-in-out;cursor:pointer;}
.gallery-item p{font-size:18px;width:100%;background-color:rgba(0,0,0,0.7);color:#fff;padding:8px;margin:0;opacity:1;transition:opacity .3s ease-in-out;cursor:pointer;text-align:center;}
.gallery-item:hover img{transform:scale(2.2)}
.how-to-order{max-width:800px;margin:20px auto;text-align:left}
.how-to-order h2{font-size:25px;margin-bottom:10px}
.how-to-order p{font-size:15px;margin-bottom:8px}
.order-form{max-width:82%;margin:20px auto;text-align:left;padding:20px;border:1px solid #ddd;border-radius:8px;box-shadow:0 0 25px rgba(0,0,0,0.5)}
.order-form h2{font-size:25px;margin-bottom:10px}
.order-form form{display:grid;grid-gap:10px}
.order-form label{font-size:15px}
.order-form input,.order-form select,.order-form textarea{width:100%;padding:8px;box-sizing:border-box}
.order-form button{background-color:#5CAF50;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-size:16px}
.order-form button:hover{background-color:#55a059}
.order-success{font-size:15px;background-color:#7AE582;border:1px solid #000;padding:12px 18px;margin:12px auto;width:35%}
.order-success a{color:blue;text-decoration:underline}
.order-success a:hover{text-decoration:underline}
footer{text-align:center;margin:50px auto 12px}
@media only screen and (max-width: 600px) {
header,main{padding:18px} section p img {width: 100%;}
.gallery-item p {font-size:12px;padding:2px;}
.order-success {width:82%;}
}