body{

  background-image: url('../img/webp/img-contactanos.webp');

  height: 100%;

  width: auto;

  background-repeat: no-repeat;

  background-size: cover;

  background-position: center;

}



/* ++++++++++++++++++ Contenido principal ++++++++++++++++++ */

main.content{

  background: none;

  align-items: center;

  display: flex;

  flex-direction: row;

  justify-content: space-evenly;

  height: 100%;

  width: 100%;

  margin-top: 75px;

  margin-bottom: 0px;

}

 @media (max-width: 768px){

   main.content{

   flex-direction: column;

   margin-top: 0px;

   padding-top: 80px;

   text-align: initial;

  }

 }





.contain-contact{

  display: flex;

  width: 325px;

  height: auto;

  text-align: right;

}



p.contact-text{

  text-align: right;

  width: 100%;

  height: 100%;

  font-size: 170px;

  margin: 0;

  font-family: 'Klavika';

  color: #fff;

  font-weight: 900;

  line-height: 0.8em;

}

 @media (max-width: 768px){

  p.contact-text{

   font-size: 100px;

   display: none;

  }

 }



 p.contact-text-mov{

  display: none;

  text-align: right;

  width: 100%;

  height: 100%;

  font-size: 170px;

  margin: 0;

  font-family: 'Klavika';

  color: #fff;

  font-weight: 900;

  line-height: 0.8em;

 }

  @media (max-width: 768px){

  p.contact-text-mov{

   font-size: 70px;

   display: block;

   text-align: center;

   margin: 20px 0px;

  }

 }



.contact-form {

  display: inline-block;

  text-align: center;

  width: 587px;

  height: auto;

  padding: 30px;

}

 @media (max-width: 768px){

   .contact-form{

   width: 90%;

   padding: 0px;

  }

 }



.contact-form label {

  display: block;

  margin-bottom: 10px;

  font-weight: bold;

  color: #ffffff;

  display: flex;

  font-family: 'Clearsans';

}



.contact-form input[type="text"],

.contact-form input[type="email"],

.contact-form input[type="number"],

.contact-form textarea {

  outline: none;

  width: 100%;

  padding: 10px;

  margin-bottom: 20px;

  height: 45px;

  border: 1px solid #ccc;

  border-radius: 10px;

  box-sizing: border-box;

  margin-bottom: 5px;

}



.contact-form textarea{

  width: 100%;

  height: 140px;

  resize: none;

}



.contact-form input[type="submit"] {

  background-color: #65B32E;

  color: white;

  padding: 10px 20px;

  border: none;

  border-radius: 10px;

  cursor: pointer;

  width: 100%;

  height: 50px;

  font-family: 'Clearsans';

}



.contact-form input[type="submit"]:hover {

  background-color: #5da32a;

}