body{
   background-color: #b9b9b9;
   margin: 0;
   padding: 0;
}

.espaciado{
   height: 115px;
   background-color: white;
   background-image: url("menu.png")
}
.espaciado div{
   width: 40px;
   height: 40px;
}
.primer-color{
   background-color: #22B89B;
}
.segundo-color{
   background-color: #202336;
}
.tercero-color{
   background-color: #FFFFFF;
  border: 1px solid black;
}

/* estylos */
/* :focus{
   outline-color: #19967e;
   border:1px solid red;
} */


.sec-datos_items {
   transition: all 500ms;
}

.sec-datos_items:hover {
   transform: scale(1.07);
}


.min-width{
   width: 1200px;
}
.contenedor-form{
   background-image: url(https://static.websguru.com.ar/var/m_2/29/297/147842/2077537-banner07-c20ad.jpg);
   background-size: cover;
   background-color: rgba(32, 35, 54,.5);
   background-blend-mode: color;
   background-attachment: fixed;
   height: 100%;
}
.sec-contaco{
   margin: 0 auto;
   display: flex;
   padding: 10px;
}
.sec-contaco .formulario{
   width: 50%;
}
.sec-contaco .titulo-form{
   width: 50%;
   display: flex;
   justify-content: center;
   align-items: center;

}
.formulario .campos label{
   color: #fff;
   display: block ;
   font-family: "Roboto", Sans-serif;
   font-weight: bold;
   font-size: 14px;
   margin: 2px 0;
}
.formulario .campos input[type='text'], .formulario .campos textarea{
   display: block;
   padding: 15px 15px;
   border: 2px solid #e9e9e9;
   border-radius: 2px;
   box-sizing: border-box;
   width: 100%;
   color: rgb(119, 119, 119);
   font-weight: 700;
}

.formulario .campos input[type='text']:focus, .formulario .campos textarea:focus{
   border: 2px solid #22B89B;
}

.formulario .campos textarea{
   resize: none
}
.formulario .campos input[type='file']{
    font-size: 14px;
    color: white;
    display: block;
    font-weight: bold;
    width: 57%;
    box-sizing: border-box;
}
.formulario .btn-submit{
   padding: 10px 20px;
   border: none;
   border-radius: 2px;
   margin: 10px 0;
   font-size: 12px;
   color:white;
   letter-spacing: 2px;
   background-color: #22B89B;
   cursor: pointer;
}
.formulario .btn-submit:hover{
    background-color: #19967e;
}

/* estylos de para el titulo */
.titulo-form{
   color: white;
   font-family: 'novecento_widenormal';
    font-size: 35px;
    text-align: center;
    font-weight: bold;
}

.titulo-form > h3 {
   font-weight: bold;
}

/* stylos srgundo seccion datos */
.contenedor-datos{
   background-color: #fff;
}
.sec-datos{
   margin: 0 auto;
   display: flex;
   padding: 10px 0;
   justify-content: center;
}
.sec-datos_items{
   padding: 70px 30px 70px 30px;
}
.sec-datos_items:nth-child(1){
   /* flex-grow: 1; */
   width: 33%;
   text-align: center;
   border-right: 1px solid #E2E2E2;
   
}
.sec-datos_items:nth-child(2){
   /* flex-grow: 1; */
   width: 33%;
   text-align: center;
}
.sec-datos_items:nth-child(3){
   /* flex-grow: 1; */
   width: 33%;
   text-align: center;
    border-left: 1px solid #E2E2E2;
}
.sec-datos_items h3{
   /* color:rgb(119, 119, 119); */
   color:#202336;
   font-family: 'novecento_widenormal';
   letter-spacing: 2px;
   font-weight: bold;
}
.sec-datos_items div p{
   font-size: 17px;
   color:#22B89B;
   font-family: "Roboto", Sans-serif;
   font-weight: bold;
}
.icono-fontawe{
   color: #22B89B;
   font-size:55px;
}
/* estylos de mapa ubicacion */
.mapa-ubi iframe{
   width: 100%;
}
/* estylos footer por las puras pero bueno */
.piedepagina{
   height: 160px;
   background-color: #202336;
   display: flex;
   justify-content: center;
   align-items: center;
   font-family: "Roboto", Sans-serif;
   color: white;
}


.formulario {
   max-width: 350px;
}
/* responsive */
@media (max-width:1305px){
    .sec-contaco .formulario{
      width: 40%;
   }
   .sec-contaco .titulo-form{
      width: 40%;
   }
   .sec-contaco{
      justify-content:center;
   }
}
@media (max-width: 1220px){
   .sec-contaco{
      width: initial;
   }
   .sec-datos.min-width {
      width: initial;
   }
   .sec-datos_items {
      padding: 70px 0;
   }
   .sec-datos_items:nth-child(3) {
      width: 30%;
   }
   .sec-datos_items:nth-child(2) {
      width: 30%;
   }
   .sec-datos_items:nth-child(1) {
      width: 30%;
   }
}
@media (max-width: 1000px){
   .sec-contaco .formulario {
       width: 45%;
   }
   .sec-contaco .titulo-form {
       width: 45%;
   }
   .sec-datos_items div p {
      font-size: 14px;
   }
   .sec-datos_items h3 {
      font-size: 16px;
   }
}
@media (max-width: 900px){
   .sec-contaco {
      flex-direction: column-reverse;
   }
   .sec-contaco .formulario {
      width: 100%;
      display: flex;
      justify-content: center;
   }
   .sec-contaco .titulo-form {
      width: 100%;
   }
   .titulo-form h3{
      font-size: 30px;
   }
   .formulario .campos input[type='text'], .formulario .campos textarea {
      width: 100%;
   }
   .formulario .campos input[type='file'] {
      width: 100%;
   }
}
@media (max-width: 750px){
   .sec-datos {
      flex-direction: column;
   }
    .sec-datos_items:nth-child(3) {
      width: 100%;
   }
   .sec-datos_items:nth-child(2) {
      width: 100%;
   }
   .sec-datos_items:nth-child(1) {
      width: 100%;
   }
   .sec-datos_items {
      padding: 20px 0;
   }
}