body { font-family: Arial, sans-serif; margin: 0; padding: 0; }
header { background-color: #007bff; color: white; padding: 10px; text-align: center; }
nav ul { list-style: none; padding: 0; display: flex; justify-content: center; flex-wrap: wrap; }
nav ul li { margin: 10px 15px; }
nav ul li a { color: white; text-decoration: none; }
main { padding: 20px; text-align: center; }
footer { background-color: #f8f9fa; padding: 10px; text-align: center; }
img { max-width: 100%; height: auto; }
.fleet-container { display: flex; flex-wrap: wrap; justify-content: center; }
.car { box-sizing: border-box; padding: 10px; text-align: center; }
.car img { margin: 10px 0; }
form { max-width: 500px; margin: 0 auto; text-align: left; }
label { display: block; margin-top: 10px; }
input, textarea { width: 100%; padding: 8px; margin-top: 5px; box-sizing: border-box; }
button { margin-top: 10px; padding: 10px; background-color: #007bff; color: white; border: none; width: 100%; }

@media (min-width: 769px) {
    .car { width: 30%; margin: 1%; }
}
@media (min-width: 481px) and (max-width: 768px) {
    .car { width: 45%; margin: 1%; }
}
@media (max-width: 480px) {
    .car { width: 100%; margin: 10px 0; }
}
@media (max-width: 768px) {
    header { padding: 5px; }
    main { padding: 10px; }
    form { max-width: 100%; }
}