body
	{
	background: url(../img/fondo.jpg);
	}
header h1
	{
	text-align: center;
	font-size:3.6em;
	font-family:letra;
	}	
nav
	{
	width:40%;
	margin:auto;
	height: 40px;
	
	}	
nav ul
	{
	list-style:none;
	padding:0;
	margin:0;
	
	}
nav ul li
	{
	float:left;
	display:block;
	
	background-color:black;
	opacity:0.7;
	padding:10px 0px;
	}	
nav ul li a
	{
	text-decoration:none;
	color:white;
	padding: 10px 40px;
	text-align: center;
	}
nav ul li a:hover
	{
	background-color:white;
	color:black;
	}	

section
	{
	width:69%;
	margin:auto;
	height:600px;
	background-color:rgba(0,0,0,0.7);
	
	border-radius:35px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	}	
section h1
	{
	color:white;
	font-size:4.2em;
	text-align:center;
	font-family:impact;
	cursor:pointer;
	}	
section ul
	{
	list-style:none;
	padding:0;
	margin:0;
	}	
section li
	{
	float:left;
	padding:15px 20px;
	}	
section li img
	{
	padding:15px;
	border-radius:25px;
	-webkit-border-radius:25px;
	-moz-border-radius:25px;
	-ms-border-radius:25px;
	cursor:pointer;
	}
	
section li img:hover
	{
	transform:scale(1.7);
	-webkit-transform:scale(1.7);
	-moz-transform:scale(1.7);
	}	
section h1:hover
	{
	transform:scale(1.4);
	-webkit-transform:scale(1.4);
	-moz-transform:scale(1.4);
	}	
footer
	{
	width:100%;
	background-color:black;

	}	
footer p
	{
	text-align:center;
	color:white;
	font-size:40px;
	}	
	
@media screen and (max-width:768px)and (min-width:380px)and (orientation:portrait)
	{	
		nav
		{
		height:0%;
		}
		nav ul li
		{
		float: none;
		padding: 14px 14px;
		width: 79%;
		margin-bottom: 2%;
		border-radius:25px;
	
		}
		nav ul li a
		{
		padding:0;
		text-align:center;
		}
		nav ul li:hover
		{
		background-color:black;
		opacity:1;
		}
		nav ul li a:hover
		{
		background-color:black;
		color:white;
		}	
		section
		{
		height:0%;
		}	
		section li
		{
		float:none;
		}
		section li img
		{
		position:relative;
		
		}
	}
@media screen and (max-width:1024px)and (min-width:769px)and (orientation:landscape)	
	{
	nav ul li
		{
		
		margin: 2px;
		width: 192px;
		}
	nav ul li:hover
		{
		background-color:black;
		opacity:1;
		}
	nav ul li a:hover
		{
		background-color:black;
		color:white;
		}	
		section
		{
		width: 100%;

		height: 804px;
		
		}
	}

@media screen and (max-width:320px)and (orientation:portrait)
	{
		nav{
			width:0%;
			margin:0;
			height: 190px;
			}
		nav ul li
		{
			width: 225px;
			margin-bottom: 4px;
			border-radius: 0px 25px 25px 0px;
			-webkit-border-radius: 0px 25px 25px 0px;
			-moz-border-radius: 0px 25px 25px 0px;
			
		}
		nav ul li:hover
		{
		background-color:black;
		opacity:1;
		}
		nav ul li a:hover
		{
		background-color:black;
		color:white;
		}	
		section h1
		{
		font-size:1.2em;
		}	
		section li img
		{
		width:185px;
		height:185px;
		}
		section
		{
		width: 100%;
		margin: 0;
		height: 2050px;
		}
			
		section li img:hover
		{
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		}
	}	
	
@media screen and (max-width:565px)and (min-width:320px)and (orientation:landscape)
	{
		nav
		{
		width:400px;
	
		}
		nav ul li
		{
		width:196px;
		margin:2px;
		
		}
		section
		{
		width:100%;
		height:1300px;
		position: relative;
		top: 41px;
		}
		section li img
		{
		width:195px;
		height:220px;
		}
		section h1
		{
		font-size:3.2em;
		}	
		nav ul li:hover
		{
		background-color:black;
		opacity:1;
		}
		nav ul li a:hover
		{
		background-color:black;
		color:white;
		}
		section li img:hover
		{
		transform:scale(1.2);
		-webkit-transform:scale(1.2);
		-moz-transform:scale(1.2);
		}
		footer
		{
		position: relative;
		top: 15px;
		}
	}