/* Basic styles */
body {
    font-family: Arial, sans-serif;
}

img {
    max-width: 100%; /* Makes the image responsive */
    height: auto;    /* Maintain the aspect ratio */
}

/* Responsive styles */
@media (max-width: 768px) {
    header h1 {
        font-size: 24px; /* Smaller font size on small devices */
    }
    section p {
        font-size: 14px; /* Smaller font size on small devices */
    }
}

@media (max-width: 480px) {
    header, section {
        padding: 10px; /* Smaller padding on very small devices */
    }
}