body {
    height: 100%;
    background-image: url("/imagens/Cópia\ de\ logo\ em\ branco\ \(positivo\).png");
    
}


main {
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
}

section {
    margin: auto;
}

form{
    background: #3B72CC;
    width: 50%;
    max-width: 340px;
    min-width: 340px;
    min-height: 278px;
    margin: auto;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: black 2px 2px 10px;
    border-radius: 3px;
    
}


input {
    border-radius: 5px;
    border:#FF2B48 1px;
    margin-top: 15px;
    margin-bottom:10px;
}
textarea {
    margin-top: 15px;
    margin-bottom: 10px;
}

#nomeCompleto {
    width: 300px;
}

#numeroTelefone {
    width: 150px;
}

#email {
    width: 300px;
}

#descricao {
    width: 300px;
    height: 100px;
}

button {
    width: 150px;
    border-radius: 5px;
    margin: 2px;
}

button:hover {
    background: #FF2B48;
    color: aliceblue;
    cursor: pointer;
}

input:focus, input:active {
    border:#FF2B48 1px solid;
    
}

a{
    text-decoration: none;
}

.contact {
    background: #3B72CC;
    width: 50%;
    max-width: 340px;
    min-width: 340px;
    min-height: 278px;
    margin: auto;
    padding: 10px;
    display: flex;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: black 2px 2px 10px;
    border-radius: 3px;
}

h2 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
}

.map {
    width: 150px;
    height: 150px;
    margin: auto;
}

@media (max-width: 420px) {
    main {
       
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }
    p {
        text-align:center ;
    }

    form {
        height: 435px;
    }

    form, .contact {
        min-width: 330px;
        min-height: 200px;
    }

    input {
        margin-top: 15px;
    }

    label {
        margin-top: 15px;
    }

    .contact {
        height: 400px;
        margin-bottom: 35px;
    }
}

#whats {
    width: 25px;
    filter: grayscale(.2);
    margin: 0px;
}

p {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

section a {
    margin: 0px;
}

h2 {
    color: #FF2B48;
    text-align: center;
}