body {
	background-color: white;
}

	.sticky a img{
		height: 1.5em;
		width: 1.5em;
		flex-grow: 0;
	}
	.sticky a span{
		display: none;
	}
	.sticky a{
		height: auto;	
		width: auto;
		padding: .5em;
	}
	.sticky{
		margin: 0;
		min-height: auto;
	}
	.descripcion{
		color:#3C4142;
		border:20px solid #EDC8FF;
		margin:10px 40px;
		font-size: .8em;
		padding: 10px;
		box-shadow:  0 0 10px black;
		z-index: 2;
		margin-bottom: 25px!important;
	}
	.descripcion b{
		font-size: 1.2em;
	}
	.descripcion p{
		padding: 0 10%;
	}
	.descripcion{
		text-align: center;
		font-size: 2em;
	}
	.descripcion h1{
		position: relative;
		margin-block-start: 0em;
    	margin-block-end: 0em;
	}
	}
	.titulo{
		display: flex;justify-content: center;align-items: center;
		background-image: linear-gradient(to bottom, #48d1cc, #32928e);
		font-size: 6em;
		text-shadow: 3px 3px 10px seagreen;
		color: white;
		font-weight: bold;
	}
	.sticky{
		position: sticky;
		top: 0;
		background-color: rgba(0,0,0,.3);
	}
	.descBot a:hover{
		background-color: skyblue;
	}
	.descBot, .descBot a{
		margin-top: 1em;
		display: flex;flex-direction: column;
	}
	.descBot{
		background-color: rgba(255,255,255,.7);
		padding: 1em 10vh;
	}

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

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

.actividad 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;

}
.actividad a img{
    max-width: 100%;
    max-height: 100%;
}


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

.actividad a{
	height: auto;
		width: auto;
		margin:5px;
		padding: 0;
}
.actividad a img{
		height: 1.7em;
		width: 1.7em;
		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;
    }
    .descripcion h1{
    	font-size: 10vw;
    }
    .descripcion p{
    	font-size: 8vw;
        padding: 0!important;
    }
}