#contact{
    width:96%;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    height:80vh;
}

#contact-box{
    display:flex;
    flex-direction:column;
    justify-content: space-around;
    align-items: center;
    gap:2.5rem;
    padding:2.5rem;
}

#contact-fields{
    width:37rem;
}

#contact-button{
    margin-bottom:1rem;
}

#details{
    height:8rem;
}

@media (max-width:780px) {
    #contact-box{
        width:90%;
        padding:1.5rem;
    }
    #contact-fields{
        width:100%;
    }
}