header {display: flex;
		align-items: center;
 		}

body {background-color: white;
	  color: black;
	  }

p {font-size: 125%;
   }

nav {margin-left: 20%;
	 width: 50%;
	 display: flex;
	 font-size: 120%; 
	 font-weight: bold; 
	 }

a {margin: 2%;
   }

a:link {text-decoration: none; 
		color: black;
		}

a:hover {color: black; 
		 background-color: #377DBD;
		 }

a:visited {text-decoration: none; 
		   color: black;
		   }

article {width: 25%;
		 border-style: solid;
		 margin-top: 5%;
		 }

form {border-style: solid; 
	  border-radius: 3%; 
	  padding-right: 6%;
	  padding-left: 2%; 
	  padding-top: 1%;
	  background-color: #377DBD;
	  }

label {font-size: 100%;
	   font-weight: bold;
	   color: white;
	   padding-left: 35%;
	   }

input {margin: 5%;
	   margin-left: 0%; 
	   width: 125%;
	   }

textarea {width: 125%;
		  margin: 5%;
		  margin-left: 0%;
		  padding-bottom: 70%;
		  }

footer {border-style: solid; 
		border-radius: 3%; 
		background-color: #377DBD; 
		color: white;
		}

.Simbolo {width: 20%;
		  }

.FotoGrande {display: flex;
			 margin-top: 5%;
			 width: 100%
			 }

.Mujeres {width: 45%;
		  height: 10%;
		  align-self: center;
		  }		

.imagen-servicios {margin-left: 30%;
 				   }

.titulos {margin-left: 2%; 
		  font-size: 200%;
	      margin-bottom: unset;
	      }

.titulos-articulos {font-size: 100%;
					text-align: center;
				    }

.bloquequiensoy {display: flex;
				 flex-direction: row-reverse;
				 justify-content: space-between;
				 }

.Texto-quien {text-align: justify;
			  width: 50%;
			  margin-left: 2%;
			  }

.bloqueservicios {display: flex; 
				  justify-content: space-around;
				  flex-wrap: wrap;
				  }

.Texto-servicios {text-align: justify;
				  padding: 3%;
				  }

.Texto-informacion {text-align: justify;
					margin-left: 2%;
				    margin-right: 2%;
					margin-top: unset;
				   }

.contacto-final {display: flex;
	 			 justify-content: space-around;
	 			 width: 100%;
				 }

.ubicacion-cion {margin-left: 52%;
                 }

.parrafo-pie {width: 20%;
			  }

.pie {display: flex;
	  justify-content: space-evenly;
	  align-items: center;
	  }


@media (max-width: 768px){

header, body, nav, .bloqueservicios { flex-direction: column; 
					                 }

.titulos {text-align: center;
		  }

.Mujeres {display: none;
		  }


.Texto-quien{width: 100%
			 }

article {width: 100%;
		 justify-content: center;
		 }

.contacto-final {flex-direction: column;
	             align-items: center;
	             }				   

form {padding-right: 15%;
	  margin-bottom: 5%;
	  }

.ubicacion-cion {margin-left: 20%;
				 }

.parrafo-pie {width: 50%;
              <br>;
          	 }

.pie {flex-direction: column;
	  }

}