.menuk{display:flex;flex-wrap:wrap;width:100%;justify-content:center;font-size:1.5em;
position: relative;
		top: 0;
		z-index: 0;
		
	}

.menuk a:hover{
	transform:scale(1.1);
	}
.menuk a{
	color:#3C4142;
	text-decoration:none;
	margin:20px;padding:5vh;
	height:6vw;
	width:6vw;
	text-align:center;
	transition: transform 0.3s ease-in-out 0s;
	display:flex;flex-direction:column;justify-content:center;align-items:center;
}	
.menuk a img{height: 130%;flex-grow:1;}body{background-color:white;min-height: 100vh;}
/*Media querys*/
@media only screen and (max-width: 850px) {
.menuk a span{
	display: none;
}
.menuk a{
	height: auto;
		width: auto;
		padding: .3em;
		margin:15px;
}
.menuk a img{
		height: 3em;
		width: 3em;
		flex-grow: 0;
	}
}
@media only screen and (max-width: 650px) {
.menuk a span{
	display: none;
}
.menuk a{
	height: auto;
		width: auto;
		margin:10px;
		padding: .3em;
}
.menuk a img{
		height: 2.3em;
		width: 2.3em;
		flex-grow: 0;
	}
}
@media only screen and (max-width: 450px) {

.menuk a{
	height: auto;
		width: auto;
		margin:5px;
		padding: 0;
}
.menuk a img{
		height: 1.7em;
		width: 1.7em;
		flex-grow: 0;
	}
}

}
.disp2{
	width: 20%;
	height: 20%;
	background-image: url("imagenes/subs.png");
	background-size: contain;
}
.actividad{
	display: flex;
	flex-wrap: wrap;
	width: 90%;
	height: calc(100vh - 3em);
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 5%;
}
.actividad a:hover{
	background-color: #e6e6e6;
}
.actividad a{
	text-decoration: none;
	background-color: snow;
	margin: 10px;
	padding: 5vh;
	height: 30vh;
	width: 30vh;
	border: 4px solid seagreen;
	border-radius: 2vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	font-size: 1.3em;
	text-align: center;
}
.actividad a img{
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
	flex-grow: 1;
	transition: opacity .7s;
}
.actividad a:hover img{
	opacity: 0;
}
.actividad a:hover{
	opacity: 1;
}
@media screen and (orientation:portrait) {
   /* Landscape styles here */
	.actividad a{
		height: 15vh;
		width: 15vh;
	}
}