@media(max-width: 1200px) {
    .services {
        height: auto;
        flex-wrap: wrap;
    }

    .service {
        margin: 3rem 2rem;
    }

    .section-4 {
        height: 80vh;
    }
}

@media(max-width: 800px) {
    .section-1-heading {
        font-size: 4rem;
    }

    .progress-bar {
        width: 50rem;
    }
}

@media(max-width: 600px) {
    .section-1-heading {
        font-size: 3rem;
    }

    .navbar-link {
        margin: 0 2rem;
        font-size: 1.5rem;
    }

    .section-2 {
        padding: 10rem; 
    }

    .section-2-heading {
        margin-bottom: 10rem;
    }

    .progress-bar {
        width: 45rem;
    }

    .project-img {
        width: 100%;
    }

    .contact-form {
        width: 40rem;
    }

    .copyright {
        width: 70%;
    }
}

@media(max-width: 500px) {
    html {
        font-size: 55%;
    }
}

@media(max-width: 450px) {
    html {
        font-size: 45%;
    }

    .section-1-heading {
        font-size: 2.5rem;
    }

    .navbar-link {
        margin: 0 1.5rem;
    }

    .section-2-heading {
        text-align: center;
    }

    .progress-bar {
         width: 40rem;
    }
}