html, body {
	margin: 0;
	padding: 0;
	line-height: 1;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #fff;
}

h1 {
	position: absolute;
	left: -1000px;
}

video#bgvid {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
}

#content {
	margin: 2rem;
}

#content a {
	color: #fff;
}

/* Mobile */
@media only screen and (max-width: 768px)
{
	#vimeo-container
	{
			text-align: center;
	}

	#vimeo-video {
		max-width: 90%;
	}

	#lletres1
	{
		max-width: 90%;
	}

	#lletres3
	{
		max-width: 95%;
	}
}

#vimeo-container
{
	margin: 2.5rem;
}

/* Desktop */
@media screen and (min-width: 768px)
{
	/*#vimeo-video {
		position: absolute;
		top: 2rem;
		right: 2rem;
	}*/
}