@media (max-width: 750px){
    main section {
        width: 90%;
    }

    .contact {
        max-width: 450px;
    }

    .contact-form {
        max-width: 420px;
    }

    input, textarea {
        max-width: 400px;

    }
    .list {
        column-gap: 100px;
    }

}

@media (max-width: 600px){
    main section {
        width: 98%;
    }

    .contact {
        max-width: 350px;
        font-size: 16px; 
    }
    
    .contact-form {
        max-width: 350px;
    }

    input, textarea {
        max-width: 300px;

    }
    .list {
        column-gap: 60px;
    }

}