body { margin:0; font-family:Arial, sans-serif; background:#e9e9e9; color:#333; display:flex; flex-direction:column; min-height:100vh; }
header { background:#fff; padding:25px 0; text-align:center; border-bottom:3px solid #1e2d3d; }
.logo { height:80px; }
nav { background:#1e2d3d; padding:16px 0; text-align:center; }
nav a { color:#fff; text-decoration:none; margin:0 35px; font-weight:bold; font-size:17px; }
nav a:hover { color:#84daf8; }
.container { max-width:1100px; margin:0 auto; padding:50px 20px; }
main { flex:1; }
footer { background:#1e2d3d; color:#fff; text-align:center; padding:25px; }




@media (max-width: 768px) {
  header { flex-direction: column !important; padding: 10px !important; }
  header nav { margin-top: 10px !important; }
  .box { flex-direction: column !important; }
  .box img { width: 100% !important; margin-bottom: 15px !important; }
}