body, html{
	background-color: transparent;
	width: 100%;
    height: 100%;
	font-family: 'Montserrat';
	color: white;
}

a{
	color: white;
	text-decoration: none;
}

a:hover{
	color:#dcdcdc;
}

.full {
    background-color: black;
	min-height: 100%;
}

.header.rolled{
	background-color: #333333;
}

.header{
	position:fixed;
	padding-left: 30px;
	padding-right: 30px;
	width: 100%;
	color: white;
	-webkit-transition: background-color .3s;
    -moz-transition: background-color .3s;
    transition: background-color .3s;
	z-index: 500;
	text-align: center;
}

.header img{
	height: 50px;
	margin-top: 40px;
    margin-bottom: 20px;
}

.wrapper{
	display: table;
	width: 100%;
    height: 100%;
	overflow: hidden;
}

.video{
	margin-top: 140px;
	font-weight: 200;
}

.ratio{
	max-height: calc(100vh - 180px);
	margin-bottom: 10px;
	position: relative;
	z-index:0;
}

.ratio::before{
	z-index: -1;
}

.links{
	position: relative;
	z-index: 100;
}

.em-breve{
	margin-top: -5px;
    color: aquamarine;
	font-weight: 400;
}

@media (min-width:576px){
	.header img{
		height: 50px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.video{
		margin-top: 90px;
	}
}