html{
	height:100%;
}
body{
	background-image:url("../img/foto_nat_ok.jpg");
	background-attachment:fixed;
	background-position:center;
	background-size:cover;
}

.pink{
	color:#bb2283;
	font-size:28px;
}


#logo img{
	width:250px;
	margin-top:100px;
	margin-left:50px;
}

#frase{
	margin-top:110px;
	margin-right:80px;
	color:white;
	font-size:24px;
	text-align:right;
}

nav.grande{
	position:absolute;
	right:80px;
	bottom:60px;
}

nav.grande a{
	display:block;
	color:white;
	font-size:16px;
	line-height:40px;
}


nav.grande a:hover{
	text-decoration:none;
	color:#bb2283;
}

.iconos{
	margin-top:80px;
	text-align:left;
	margin-left:10%;
}


/* estilos movil */


/* navegador movil */

/* navegador movil 
nav.peque{
	width:100%;
	padding:10px;
	position:absolute;
	top:0px;
	z-index:5;
}
nav.peque ul{
	width:100%;
	text-align:left;
	background-color:black;
}
nav.peque ul a{
	color:white;
}
*/



nav.index a{
	display:block;
	color:white;
	font-size:14px;
	line-height:30px;
}
.clear{
  height: 150px;
}

nav.index a:hover{
	text-decoration:none;
	color:#bb2283;
}

.btn-menu{
	background-color:black;
	color:white;
	border-radius:0px;
}
.btn-menu:hover{
	color:white;
	font-weight:bold;
}
.btn-menu:focus{
	color:white;
	font-weight:bold;
}

.fondomovil{
	background-color:rgba(0,0,0,0.3);
	width:80%;
	position: absolute;
    top: 50%;
	left:50%;
    transform: translate(-50%,-50%);
}

.imagenmovil{
	background-image:url("../img/foto_nat_movil.jpg");
	background-attachment:scroll;
	background-position:center;
	background-size:cover;
	height:100vh;
}

#logomovil{
	padding:30px 0px 30px 0px;
}

#logomovil img{
	width:200px;
}

#frasemovil{
	color:white;
	font-size:14px;
}