@import url('modules/base.css');
@import url('modules/typography.css');
@import url('modules/header.css');
@import url('modules/footer.css');
@import url('modules/socials.css');
@import url('modules/menu.css');
@import url('modules/buttons.css');
@import url('modules/images.css');


/* Responsive styles */
@media (max-width: 768px) {
    header, footer, main {
        padding: 20px 15px;
    }

    .social-icons a {
        font-size: 20px;
        margin: 0 10px;
    }
}

/* Additional styles for smaller screens like iPhone (max-width of 480px) */
@media (max-width: 480px) {
    h1 {
        font-size: 1.5em;
    }

    h2 {
        font-size: 1.3em;
    }
}