*{
    margin: 0px;
    padding: 0px;/*  lo ponemos todo a cero desde el principio*/
    box-sizing: border-box;/*  no le suma el padding, se lo resta*/
    
  
}
.titulo{
   
    width: 100%;
    height: 250px;
    display: flex;
    background-color: #bbbbba;
    flex-wrap: wrap;
    justify-content: space-around;
    padding-top: 80px;
    padding-bottom: 10px;
    
   }
.titulo .contrabarra{
     
    width: 100%;
    padding-top: 40px;
    display: flex;
    justify-content: center;
    color: white;
    font-size: 70px;
    font-weight: 200;
}

.titulo h1{
    width: 100%;
      display: flex;
    justify-content: center;
     position: relative;
    
    margin-bottom: -30px;
    color:  #bbbbba;

   
}

.contacto{
     
   margin-bottom: 80px;
    padding-top: 10px;
    margin-left: 40px;
    margin-right: 10px;
}


.txtcontacto{
     margin-left: 10px;
   
}
.txtcontacto h1{
   
    padding-top: 0px;
    width:85%;
    color:  #9d9d9a;
    font-size: 30px;

        
}
.txtcontacto h3{
    color: #829caf;
     padding-top: 10px;
}

.txtcontacto h6{
   
 font-weight: inherit;
    color:#5a5959;
}
.txtcontacto h6 a{
    text-decoration: none;
    cursor: pointer;
    color: gray;
}



#formularioc{
    
padding-top: 20px;    
font-size: 12px; 
margin-right:20px;
       

}




#formularioc .mapa{
    margin: auto;
    display: flex;
    align-content: center;
    padding: 10px;
    width: 85%;

}


#formulario input{
    width: 100%;
    height: 20px;
    padding: 5px;
    margin-bottom: 10px;
    border: 0; 
    background-color: #f5f5f5;
    
}

#asunto{
    width:100%;
    height: 30px;
    padding:5px;
    background-color: #f5f5f5;
    margin-bottom: 10px;
    border: 0px; 
    
    
    
}

#formulario  #mensaje{
    width: 100%;
    height: 50px;
    padding: 5px;
    border: 0px; 
background-color: #f5f5f5;
    
}


#formulario #submit{
    color: white;
    margin-top: 5px; 
    height: auto;
    float: right;
    width: 20%;
    border: 0px; 
    padding-left: 5px;
    background-color: #829caf;
}


#formulario .reset{
     margin-top: 5px;
    height: auto;
    margin-right: 10px;
    width: 20%;
    border: 0px; 
    padding-left: 5px;
    float: right;
    color: #829caf;
    
}
.instagram img{
width: 20px;
    height: auto;
 padding-top: 10px;
    
}





@media(min-width:1024px){
    
.contacto{
   display: flex;
    height: 80vh;
    padding-top: 115px;
    width: 100%;
    flex-wrap: wrap;
    padding-left: 0px;
}
    
    
.txtcontacto{
     margin-left: -45px;
   
}
   #formularioc{
       padding-top: 0px;  
    margin-left: 50px;   
    padding-right: -15%;
    height: 400px;
    width: 50%;
    font-size: 12px; 
    border: 0px;     

}
  


    
 .txtcontacto{

    width: 40%;
    padding-left: 10%;
}
    
}