@media screen and (min-widht:600px) and (max-widht:800px){

}

@media screen and (max-widht:599px){

	.celular{
		display: block;
	}

	.desktop{
		display: none;
	}

	body{
		width: 90%;
	}

	header div{
		display: block;
		width: 100%;
		transform: translate(0px,0px);
	}

	main{
		margin-top: 0px;
	}


	aside img{
		display: none;
		width: 100%;
		margin: 20px 0px;
	}

	header{
		padding-top: 100px;
		position: static;
	}

	nav{
		display: block;
		z-index: 1;
		position: absolute;
		background-color: ;
		height: 100vh;
		width: 80%;
		right: 0;
		top: 0;
	}

	nav > a{
		position: absolute;
		top: 10px;
		right: 10px;
	}

	#menu{
		top: 100px;
		right: 0;
		width: 60vw;
		height: 60vh;
		background-color: white;
		position: absolute;
	}

	#menu a{
		color: black;
		margin: 5vw;
		font-size: 3em;
	}

	.cerrar{
		display: none;
	}

	nav:target .cerrar{
		display: block;
		background-color: white;
		padding: 2px;
	}