#contact {
    height: 100dvh;
    min-height: fit-content;
    width: 100%;
}

#contact_form {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: space-around;
     gap: 1rem;
     width: 100%;
     max-width: 600px;
     margin: 0 auto;
     margin-top: 10rem;
     height: 60dvh;
     min-height: fit-content;
     background-color: var(--white);
 }

 #contact_form h2 {
    font-family: "Gazpacho-Light", sans-serif;
    font-weight: 400;
    font-size: 2rem;
    text-transform: uppercase;
    color: var(--dark_blue);
    text-align: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
 }

 #contact_form form {
    width: 80%;
 }

 #contact_form label {
     font-family: "Fira Sans", sans-serif;
     font-weight: 200;
     font-size: 1rem;
     text-transform: uppercase;
     color: var(--dark_blue);
     margin-bottom: 0.5rem;
     float: left;
 }
 
 #contact_form input,
 #contact_form textarea {
     width: 100%;
     padding: 0.5rem;
     border: 1px solid var(--dark_blue);
     border-radius: 4px;
     margin-bottom: 1rem;
 }
 
 #contact_form input[type="submit"] {
     padding: 0.5rem 1rem;
     background-color: var(--dark_blue);
     color: var(--white);
     border: 1px solid var(--dark_blue);
     border-radius: 4px;
     width: 50%;
     align-self: center;
     cursor: pointer;
 }
 
 #contact_form input[type="submit"]:hover {
     background-color: var(--white);
     color: var(--dark_blue);
     border: 1px solid var(--dark_blue);
     border-radius: 4px;
 }

 @media (max-width: 700px) {
    #contact_form {
        width: 90%;
        margin-top: 10rem;
    }
 }