@import url("menu.css");
@import url("figuras.css");
@import url("colores.css");
@import url("portada.css");
@import url("razon-de-ser.css");
@import url("como-contratarnos.css");
@import url("textos.css");
@import url("contratar-seghi.css");
@import url("iconos.css");
@import url("footer.css");
@import url("conceptos_basicos.css");

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;800&display=swap');

a:link, a:visited{
text-decoration: none;

}

*{
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
}

.responsive{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}


.boton{

    padding: 10px 20px;
    border-radius: 25px;
    width:100px;
    text-align: center;
    margin: auto;   
}

.boton:hover{
    
   box-shadow: 2px 4px 6px black;
    
}

.fila{
    display: flex;
    flex-direction: row;
   
}
.columna{
    display: flex;
    flex-direction: column;
    text-align: center;
}


.formulario-contacto{
    margin: auto;
    width: 50%;
    
}
.formulario-contacto > input{
    padding: 10px 0;
     width: 100%;
    margin: 10px 0;
    
}
.formulario-contacto > textarea{
      padding: 10px 0;
     width: 100%;
    height: 100px;
    margin: 10px 0;
}
.formulario-contacto > input[type=submit]{
   width: 150px;
   border-radius: 30px;
   border: none;
   cursor: pointer;
    
}
@media only screen and (max-width: 600px) {
    
  .responsive {
      width: 100%;
      margin: auto;
   flex-direction: column;
      
  }
    h1{
         padding: 50px 10px;
        font-size: 20px;

    }
    .boton{
    
    margin: auto;
    
}

    .formulario-contacto > input{ width: 90%;}
    .formulario-contacto > textarea{ width: 90%;
    
}