body {
	background-color: #ffffff;
	font-family: sans-serif;
	font-size: 1.5rem;
}

.gird-item{
 display: flex;
 align-items: center;
 justify-content: center;
 background-color: #157a72;
 border-radius: 4px;
 transition: transform 0.3s ease-in-out;
 color: white;
display: block;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.ejercico a {
	color: white;
	text-align: left;
	font-size: 0.6em;
	font-weight: bolder;
	margin-left: 10px;
}
.ejercico a:hover{
	color: rgb(10, 71, 43);
	text-align: left;
	font-weight: bolder;
	
}
.gird-item:hover {

	transform: scale(1.04);
	text-align: center;
}

/*-------------Gird style----------*/

.gird-container{
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	 /*1fr Columnas que puedes colocar */
	 grid-auto-rows: minmax(250px, auto);
	 gap:15px; /*Separación automática*/
	 padding: 10px;
	 grid-auto-flow: dense; /*Para que no hayan espacios en blanco glaeria*/
	 text-align: center;
}

.text{

	text-align: left;
    position: absolute;
    color: white;
    z-index: 3;
  
    margin-top: 20%;
    
    margin-left: 35px;
}
@media(min-width: 600px){
.wide {
	grid-column: span 2;
}

.tall {
	grid-row: span 2;
}
h1, h2, h3,h4,h5,h6{
	text-align: center;
    color: white;
  font-size: 1em;


}