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

.menu a:hover {
	transform:scale(1.1);
}

.menu 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;
}

.menu a img {
	height: 130%;
	flex-grow: 1;
}

body {
	background-color: white;
}

@media screen and (orientation:portrait) {
	.menu a {
		height: 15vh;
		width: 15vh;
	}
}
@media only screen and (max-width: 850px) {
.menu a span{
	display: none;
}
.menu a{
	height: auto;
		width: auto;
		padding: .3em;
		margin:15px;
}
.menu a img{
		height: 3em;
		width: 3em;
		flex-grow: 0;
	}
}
@media only screen and (max-width: 768px) {
.menu a span{
	display: none;
}
.menu a{
	height: auto;
		width: auto;
		margin:10px;
		padding: .3em;
}
.menu a img{
		height: 2.3em;
		width: 2.3em;
		flex-grow: 0;
	}
}
@media only screen and (max-width: 768px) {
    .menu a span {
        display: none;
    }

    .menu a {
        padding: 0;
    }

    .menu {
        justify-content: space-around;
    }
    .descripcion {
        margin: 0!important;
    }
    .descripcion h1{
    	font-size: 10vw;
    }
    .descripcion p{
    	font-size: 8vw;
    	padding: 0!important;
    }
}