@media (max-width: 800px) {
	.header {
		height: 70px;
		position: sticky;
		top: 0;
		z-index: 100;
	}
	.contenedor-flex-header {
		height: 46px;
	}
	.aside {
		display: none;
	}
	.menu__boton {
		display: block;
	}
	.menu__lista {
		position: absolute;
		top: 70px;
		left: 0;
		height: auto;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		background-color: #111;
		margin: 0;
		display: none;
	}
	.menu__celda {
		margin-right: 0;
		width: 100%;
		text-align: center;
	}
	.menu__links, .sub-menu__links {
		color: #eee;
		margin: 0;
		padding: 10px 0;
	}
	.menu__links:hover, .sub-menu__links:hover {
		background-color: #d6be5a;
		transition: background .15s;
		color: #111;
	}
	.sub-menu {
		left: 0;
		bottom: -96px;
		width: 100%;
		background-color: #111;
	}


	/*Animaciones*/
	.btn-menu {
		animation-name: expandir;
		animation-duration: .5s;
		animation-delay: ease-in-out;
		animation-fill-mode: both;
	}
	@keyframes expandir {
		0% {
			transform: scale(.94);
		}
		50% {
			transform: scale(1.1);
		}
		100% {
			transform: scale(1);
		}
	}
	.desplegar-menu {
		display: flex;
		animation-name: mostrar-menu;
		animation-duration: .4s;
		animation-delay: linear;
		animation-fill-mode: alternate;
	}
	@keyframes mostrar {
		0% {
			margin-left: -100%;
			opacity: 0.6;
		}
		100% {
			margin-left: 0%;
			opacity: 1;
		}
	}
	.desplegar-sub-menu {
		display: block;
	}
}


@media (max-width: 529px) {
	h2 { font-size: 1.8em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }

	.contenedor-elementos {
		width: 90%;
	}

	.header__logo {
		font-family: 'Press Start 2P', cursive;
		font-size: 20px;
		color: #111;
		text-decoration: none;
		padding-top: 5px;
	}
	.presentacion-section__h1 {
		font-size: 2.7em;
	}
	.presentacion-section__frase {
		font-size: 1.9em;
	}
}