body { margin: 0; font-family: 'Montserrat', Arial, sans-serif; background:#f4f5f7; color:#222; }
header { background:#181d28; color:#fff; padding:40px 0 20px; text-align:center; }
header img { width:120px; margin-bottom:10px; }
nav { margin:10px 0; }
nav a { color:#f51818; text-decoration:none; margin:0 15px; font-weight:700; font-size:1.1em; }
nav a:hover { color:#ffa500; }
.tagline { font-size:2.3em; margin:10px 0; font-weight:700; }
.subtitle { font-size:1.2em; color:#bbb; margin-bottom:22px; }
.main-banner { background:#032642; color:#fff; padding:50px 0 40px; text-align:center; }
.main-banner img { width:600px; box-shadow:0 6px 30px rgba(0,0,0,.20); border-radius:10px; background:#fff; margin:30px 0 22px; }
.product-section { background:#fff; padding:48px 0 32px; text-align:center; }
.product-gallery { display:flex; flex-wrap:wrap; justify-content:center; gap:30px; margin-bottom:24px; }
.product-gallery img { width:276px; border-radius:8px; box-shadow:0 2px 16px rgba(0,0,0,.11); }

.pricing-card { 
    width:90%; max-width:600px; margin:20px auto; background:#fff; padding:20px; 
    border-radius:12px; box-shadow:0 2px 10px rgba(0,0,0,.12);
    transition: all .2s ease;
}
.pricing-card img { width:100%; border-radius:8px; }
.pricing-card:hover {
    box-shadow:0 4px 20px rgba(0,0,0,.18);
    transform: translateY(-2px);
}

.info-section { background:#ebebef; padding:50px 0 40px; text-align:center; }
.info-section img { width:75%; max-width:530px; border-radius:9px; margin:20px 0; }
.contact-block { text-align:center; padding:40px 0 60px; font-size:1.1em; line-height:1.7em; }
footer { background:#181d28; color:#fff; padding:24px 5px 18px; text-align:center; font-size:1em; }

@media(max-width: 820px){
    .product-gallery {
        flex-direction: column;
        align-items: center;   /* centers the stacked images */
        gap: 18px;
    }
    .main-banner img,
    .info-section img {
        width: 90%;
    }
}