.form {
    font-family: 'Arial', sans-serif;
}

.form h3 {
    text-align: center;
    color: rgb(172, 115, 57);
    font-size: calc(15px + 0.5vw);
    font-weight: 300;
}

.form form {
    max-width: 450px;
    margin: 0 auto 50px;
}

.form form input {
    border: 3px solid rgb(172, 115, 57);
    width: 100%;
    padding: 6px;
    box-sizing: border-box;
}

.form form input:focus {
    outline: none;
    border-color: rgb(225, 193, 132);
}

.form form textarea {
    border: 3px solid rgb(172, 115, 57);
    width: 100%;
    height: 10em;
    padding: 10px;
    box-sizing: border-box;
}

.form form textarea:focus {
    outline: none;
    border-color: rgb(225, 193, 132);
}

.form form label {
    display: block;
    margin-bottom: 20px;
}

.form form label span {
    display: block;
    font-size: calc(10px + 0.4vw);
}

.form form .contact-info-group label {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.form form .contact-info-group label:nth-child(1) {
    padding-right: 10px;
}

.form form .contact-info-group label:nth-child(2) {
    padding-left: 10px;
}

.form input[type=submit] {
    background: rgb(172, 115, 57);
    color: white;
    font-size: calc(10px + 0.4vw);
    text-transform: uppercase;
    cursor: pointer;
}

.form input[type=submit]:hover {
    background: rgb(225, 193, 132);
}