.body-2
{background-image: url(../img/contacto.jpg);
background-repeat: no-repeat;
background-size: 100vw 100vh;
background-attachment: fixed;
background-position: center;
background-size: cover;}


.contacto
{width: 80%;
margin: 0 auto;
border-radius: 10px;
padding: 2%;
background:rgba(0,0,0,0.6);
font-size: 18px;
max-width: 700px;
color: white;
justify-content:center;}

.body-2 h3
{color:#2E5CBB;}

.form 
{margin: auto;}

.form label 
{display: block;
margin-block-start: 1em;
margin-block-end: .5em;
padding-inline-start: .5em;}

.form label span 
{color: #DA1414;}

.form input, .form textarea 
{box-sizing: border-box;
width: 100%;
font-size: 1rem;
padding: .8em;
border-radius: .5em;
border: 1px solid #858C94;}

.form textarea 
{margin-block-end: 2em;
font-family: inherit;}

input::-webkit-input-placeholder 
{color: #0F0A0A88;}

.contacto #whatsapp
{background: none;
color: white;
border:1px solid white;}

#whatsapp:hover
{border:none;
background:#FFB119;
color: black;}

.contacto .boton
{background: none;
color: white;
border:1px solid white;}

.contacto .boton:hover
{border:1px solid white;
background: white;
color: black;}