@media only screen and (max-width: 700px) {
    form{
        flex-direction: column  ;
        width: 70%;
    }
    form input{
        padding: .8rem 10vw;
        text-align: center;
    }
    #contact-us{
        padding: 2rem 0;
    }
    #contact-us h6{
        font-size: 2rem;
    }
    .half> textarea{
        padding: 3rem 15vw;
    }
}
@media only screen and (max-width: 600px) {
    #section1 nav{
        flex-direction: column;
        gap: 1rem;
        justify-content: space-between;
    }
    nav ul{
        width: 100%;
    }
    main{
        align-items: center;
        padding: 0 1rem;
        text-align: center;
    }
    main h2{
    font-size: 2.1rem;
    }
    main h5{
        font-size: 1.4rem;
    }
    main p{
            font-size: 1.2rem;
    }
    main p{
        font-size: .8rem;
    }
    main .joinus-btn button{
        font-size: .8rem;
        font-weight: 500;
    }
    #info-cards{
        min-height: 100vh;
    }
    #about-us p{
        font-size: .8rem;
    }
}
@media only screen and (max-width: 450px) {
    nav{
        padding: 1rem 0;
    }
    nav ul{
        flex-direction: column;
        gap: .5rem;
    }
    #info-cards h6{
        font-size: 1.2rem;
    }
    #info-cards p{
    font-size: .7rem;
    }
}