@media (max-width: 768px) {
    .header h1 {
        font-size: 2.5em;
    }

    .header p {
        font-size: 1.2em;
    }

    .contact-details {
        margin-left: 0;
    }
}

@media (max-width: 576px) {
    .header {
        padding: 70px 0;
    }

    .contact-section {
        flex-direction: column;
        text-align: center;
    }

    .contact-details {
        margin-left: 0;
        margin-top: 20px;
    }
    
}