*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Saira Extra Condensed', sans-serif;
}

html, body{
	height: 100%;
}

.parent{
	display: flex;
}

.sidebar{
	width: 20%;
	height: 100%;
	position: fixed;
	background-color: 	#E9967A; 
}

.sidebar-pos{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

}

.img-sidebar{text-align: center}

.img-sidebar img{
	width: 60%;
	border: 4px solid #000000;
	border-radius: 50%;
}

.menu{
	margin: 20px 0;
	text-align: center;
}

.menu a{
	color: #FFFFFF;
	opacity: 0.4;
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
	text-decoration: none;
}

.menu a.selected{
	opacity: 1;

}

.content{
	position: absolute;
	left: 20%;
	width: 80%;
	height: 100%;
	overflow-y: auto;
	padding: 0 3%;
}

section.descricao{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

section.descricao h2{
	color: #343a40;
	font-size: 70px;
}

section.descricao h2 > span{
	color: #E9967A;
	font-size: 70px;
}

section.descricao h3{
	margin: 15 px;
	color: #6c757d;
	font-size: 20px;
}

section.descricao p{
	color: #6c757d;
	font-size: 25px;
	margin-top: 40px;
}

.img-avatar{text-align: center}

.img-avatar img{
	width: 40%;
	border: 4px solid #000000;
}

.img-avatar a{
	color: #6c757d;
	opacity: 0.6;
	font-size: 20px;
	display: block;
	margin-bottom: 20px;
	text-decoration: none;
}

section.descricao2{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

section.descricao2 h2{
	color: #343a40;
	font-size: 70px;
}

section.descricao2 h2 > span{
	color: #E9967A;
	font-size: 70px;
}

section.descricao2 h3{
	margin: 15 px;
	color: #6c757d;
	font-size: 20px;
}

section.descricao2 p{
	color: #6c757d;
	font-size: 40px;
	margin-top: 40px;
}

section.video-descricao{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

section.video-descricao h2{
	color: #343a40;
	font-size: 70px;
}

section.video-descricao h2 > span{
	color: #E9967A;
	font-size: 70px;
}

section.video-descricao p{
	color: #6c757d;
	font-size: 40px;
	margin-top: 40px;
}

.series{
	text-align: center
	float: left;
}

.series1{
	text-align: center
}

section.descricao3{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

section.descricao3 h2{
	color: #343a40;
	font-size: 70px;
}

section.descricao3 h2 > span{
	color: #E9967A;
	font-size: 70px;
}


section.doc{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

section.doc h2{
	color: #343a40;
	font-size: 70px;
}

section.doc h2 > span{
	color: #E9967A;
	font-size: 70px;
}

.arq-pdf{
	text-align: center
}

section.musica{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

section.musica h2{
	color: #343a40;
	font-size: 70px;
}

section.musica p{
	color: #6c757d;
	font-size: 40px;
	margin-top: 40px;
}

.music{
	text-align: center
}