@charset "utf-8";
/* CSS Document */	

body{ margin:0; text-align:center; background-color: #fff; }
	body, html{height: 100%;}
	#cont{
		position: relative;
		width:100%;
		height: 100vh;
		overflow: hidden;
		/*background-image: url(media/portada.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;*/
	}
	#content{ 
		display: flex;
  align-items: center; 
  justify-content: center;
  height: 100vh; 
	}

canvas{
	display: block;
}

/*	#content img{
		width:100%;
		height:auto;
		display: block;

	}
	.media-img{
		background-image: url();
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 400px;
		width: 100%;
		display: none;
	}
	*/


#logo-cont{
	position: absolute;
	height: 60vh;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

	#logo{
		width: 100%;
		height: auto;
		margin: auto;
		display: block;
	}
	
	.txt-uc{
		font-size: 1em;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
		color: black;
		position: absolute;
		bottom: 5vh;
		left: 0; right: 0;
		margin: 0 auto;
		width: 100%;
		padding: 0 0 20px;
	}

.txt-uc a{
	text-decoration: none;
	color: black;
	display: block;
	padding: 20px 0 0;
}
.txt-uc a:hover{
	text-decoration: none;
	color:deeppink;
}

	.txt-tag{
		font-size: 1.2em;
		font-weight: 600;
		font-family: 'Montserrat', sans-serif;
		color: black;
		display: block;
		margin:  0 auto;
		padding: 0 0;
		/*position: absolute;
		bottom: 40px;
		left: 0; right: 0;
		margin: 0 auto;*/
		
	}

/*	
	@media (max-width: 1200px){
	#content img{
		display: none;
	}	  
	.media-img{
			display: block;
		background-image: url(../media/portada.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 400px;
		width: 100%;
		}
		.txt-uc{
		bottom: 8vh;
		}
		.txt-tag{
		font-size: 1em;
		}
		.txt-uc a{
	font-size: 0.8em;
}

}	  
*/