/* Responsive Styles */

/* Base responsive styles */
img, video, iframe {
    max-width: 100%;
    height: auto;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    body {
        font-size: 14px;
    }

    /* Example: Adjust header font size */
    h1 {
        font-size: 2em;
    }

    h2 {
        font-size: 1.5em;
    }
}

/* Medium devices (landscape tablets, 768px and down) */
@media only screen and (max-width: 768px) {
    /* Example: Adjust padding for main content */
    .main-content {
        padding: 15px;
    }
}