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

.top-menu-logo{
	display:block;
	width:195px;
	height:90px;
	padding:0 0 0 30px;
}

@media (max-width: 768px) {
		
	.top-menu-logo {
		display: block;
		height: 55px;
		padding: 0 0 0 10px;
		width: 130px;
	}
}

@media (max-width: 767px) {
		
	.top-menu-logo {
		position: absolute;
		height: 45px;
    	left: 13px;
    	top: 25px;
    	width: 110px;
		padding-left: 20px;
		
	}
}

/*.carac-titulo{
	color: #fff;
	font-family: "OpenSans",Arial,Helvetica,sans-serif;
	font-size: 35px !important;
	font-style: normal;
	font-weight: 800;
	margin-bottom:30px;
}*/
	
/*.layer p{
	color: #fff;
	font-family: "OpenSans",Arial,Helvetica,sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
}

.titulo-principal h1{
	color: #fff;
	font-family: 'Roboto-Light';
	font-size: 80px;
	font-style: normal;
	font-weight: normal;
	margin-bottom:30px;
}*/

.mast-align * {
	z-index: 1;
}

.mast-align {
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	text-align: center;
}

section.section {
	height: 100vh;
}

.section-0 {
	position: absolute;
	z-index: 1;
}
.section-0 video {
	opacity: 0;
	transition: opacity 0.5s;
}
.section-0.active video {
	opacity: 1;
}