*{
	margin: 0;
	padding: 0;
	text-decoration: none;
}
header{
	width: 100%;
	height: 20rem;
	background: url(img/3.jpg);
	margin-bottom: 5rem;
	  background-size: cover; /* Cambia el tamaño de la imagen de fondo para cubrir todo el contenedor */
   background-attachment: fixed; /* propiedad especifica si la imagen de fondo debe desplazarse o ser fija*/
   position: relative;
	
} 
body{
	background-image: url(fondo.jpg);

}
.menu{
	display: flex;
	justify-content: center;
	align-items: center;
	justify-content: space-around;
	font-size: 1.5rem;
	text-transform: uppercase;
	margin-bottom: 5%;
	background: radial-gradient(50% 75%, #fff, #03752E);

}
.links{
	padding: 1%;
	word-spacing: 1rem;
	
}
a{
	background-color: white;
	padding: 2px;
	border:2px;
	border-radius: 5px;
	color: lightgreen;
}
nav > a:hover {
text-decoration: none;
color: white;
cursor: pointer;
background-color: lightgreen;
}
.encabezado{
	text-align: center;
	color: #03752E;
	height: 50px;
}
.caja1{
	display: flex;
	margin: 2%;
	margin-bottom: 1rem;
}

.txt1{
text-align: center;
color: darkgreen;
background-color: lightgrey;
}
.txt2{
text-align: center;
color: darkgreen;
background-color: lightgrey;
}
.txt3{
text-align: center;
color: darkgreen;
background-color: lightgrey;
font-size: 2rem;
}
.txto1{
text-align: center;
color: darkgreen;
}
.mrk1{
	text-transform: uppercase;
	color: green;
}
.mrk2{
	background-color: hsla(96, 80%, 60%,0.7);
}
.portafolio{
	margin-bottom: 1rem;
}
 .galeria-port{
     display: flex;
     justify-content: space-evenly;
     flex-wrap: wrap;
     margin: 10px;
 }

 .imagen-port{
     width: 24%;
     margin-bottom: 1rem;
     overflow: hidden; /* recorta el desbordamiento*/
     position: relative;
     cursor:  pointer; /* muestra una mano como puntero*/
     box-shadow: 0 0 0.6rem 0 rgba(0,0,0, .5);
     border: 20px;
     border-radius: 20px;
 }

 .imagen-port > img{
     width: 100%;
     height: 100%;
     object-fit: cover; /* comportamiento de la imagen*/
     display: block;

 }

 .hover-galeria{
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     transform: scale(0);
     background: hsla(143, 81%, 53%,0.5);
     transition: transform .5s;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;   

 }

 .hover-galeria img{
     width: 5rem;
 }

 .hover-galeria p{
     color: #fff;
 }

 .imagen-port:hover .hover-galeria{
     transform: scale(1);
 }
 .caja3{
 	margin: 0.5rem;
 }
.listado{
	font-family: 'open-sans';
	font-size: 1rem;
	line-height: 1.8;
	text-transform: uppercase;
	color: darkgreen;
}
.caja3{
	margin-bottom: 1rem;
}
.caja4{
	
	background-color: hsla(96, 49%, 75%,0.7);
	padding: 0.25rem;
	text-align: center;
	word-spacing: 4rem;
	font-size: 1rem;
}
p{
	border: 2px solid grey;
	border-collapse: collapse;
	color: white;
}
@media screen and  (max-width: 900px){
.caja1{
	display: flex;
	height: 100%;
	font-size: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.imagen1{
	height: 10rem;
	width: 20rem;

}
.links{
	display: flex;
	flex-direction: column;
}
menu{

}

}