h1 {
    font-size: 3rem;
    letter-spacing: var(--section-heading-letter-spacing);
}

.contact {
    padding: var(--padding-y) var(--padding-x);
    color: var(--dark-color);
}

input,
textarea {
    width: 100%;
    border-radius: 10px;
}

textarea {
    resize: none;
}

#map {
    width: 100%;
    height: 100%;
}

.helptext {
    margin-left: 2%;
    font-size: 0.8rem;
    margin-top: 2%;
}

@media (max-width: 776px) {
    #map {
        margin-top: 1rem;
        height: 40vh;
    }
}