html		
{
  height: 100%;
}

body		
{
   background-image: url(../../img/intro/fondoAgua.png);
   background-position: center center;
   background-repeat: no-repeat;
   background-attachment: fixed;
   background-size: cover;
   background-color: skyblue;
   height: 100%;
}


.transicion
{
	font-size: 50px; 
	color: white;
	-webkit-transition:0.3s; 
    transition:0.3s;
    font-family: 'Baloo', cursive;
}

.transicion:hover
{
	text-decoration: none;
	color: red;
	font-size:55px; 
	-webkit-transition:0.3s; 
    transition:0.3s;
}

.imagenIntro
{
	margin-top:8%;
}

@media (max-width: 767px)
{
	.imagenIntro
	{
		margin-top:25%;
	}
	
	.transicion
	{
		font-size: 30px; 
	}
	
	.transicion:hover
	{
		font-size:35px; 
	}
}