header{
    background-image: url(../imgs/desktop/fundo-contato-desktop.png);
}

form{
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
    max-width: 60rem;
}
form input[type="text"], form input[type="email"], form textarea{
    background-color: #AE8A58;
    border: 2px solid #443727;
    padding: 0.5em;
    outline: none;
    margin-bottom: 0.5em;
    border-radius: 5px;
    color: #4d3d28;
}
form input[type="text"]{ 
    width: 20rem;
    margin-right: 0.5em;
}
form input[type="email"]{
    width: 25rem;
}
form textarea{
    width: 100%;
    height: 10rem;
}
input::placeholder, form textarea::placeholder {
    color: #443727;
}

input[type="submit"]{
    padding: 1em;
    background-color: #C39B17;
    color: #5C0909;
    border: none;
    border-radius: 1em;
    font-weight: bold;
}

@media only screen and (max-width: 900px) {
    header{
        background-image: url(../imgs/tablet/fundo-contato-tablet.png);
    }
}
@media only screen and (max-width: 400px) {
    header{
        background-image: url(../imgs/mobile/fundo-contato-mobile.png);
    }
}