

body{
    font-family: helvetica;
}

.header-contact{

    background: url(../img/Contact/Web\ Irene\ PARTE\ 1.jpg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;
    padding: 60px;   
}



@media  (max-width: 992px){

  .header-contact{

    background: url(../img/Contact/Pagina\ web\ \ devices\ -04.svg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;

    padding: 10px;

  }

 

}


@media (max-width: 768px){
  .header-contact{
    background: url(../img/Contact/Pagina\ web\ \ devices\ -07.svg);
    background-repeat: no-repeat;
    background-size:cover;
    background-position:center;

    padding: 10px;
  }


  


}




@media (max-width: 390px){

.header-contact{

  background: url(../img/Contact/Pagina\ web\ \ devices\ -10.svg);
  background-repeat: no-repeat;
  background-size:cover;
  background-position:center;
    
    padding: 10px;

}

}



.group-form{

    border:solid 1px #000;
    border-bottom: solid 4px #000;
    border-radius:2.5rem;
}

.item-button-a{
   
        filter: drop-shadow(0px 7px 1px #7a5a7a);
        transition: filter 0.3s ease;
}

.item-button-a:hover{
        filter: drop-shadow(0px 0px 0px #7a5a7a);   
      }




.text-header>h1{
    font-size: 4.24rem;
    font-weight: bold;
    color: #fff;
    
}

@media (max-width: 576px){
  .text-header>h1{
    text-align: center;
    font-size: 3rem;
  }
}

@media (max-width: 768px){
  .text-header>h1{
    text-align: center;
    font-size: 3rem;
  }
}




.text-header>p{
    font-size: 1.2rem;
    color: #fff;
}

/* more projects*/
.one{
    background-color: #f7f7f7ff;
    padding-top: 50px;
    border-radius: 2rem; 
    
  }
  
  .one>h2{
    font-family: helvetica; 
    font-size: 2.5rem;
    text-align: center;
    color: #000;
   
   
  }
  
  
  
  .brand-container {
    
    margin: 2rem 0;
   } 
  .brand-card { 
    text-align: start;
     padding: 1rem; 
      border-radius: 0.5rem;
       margin-bottom: 1rem;
       font-family: helvetica; 
      
      } 
  
  .brand-card img { max-width: 100%; 
    height: auto; 
    border-radius: 2rem; 
    padding-bottom: 20px;
  
  }
  

/*more projects*/