/*reset*/
*{
	margin: 0;
	padding: 0;
	border: 0;	
}
a{
	text-decoration:none;
	color:none;
}
a:hover{
	
}

ul,ol{
	list-style:none;
}
/*fonts*/
@font-face {
     font-family:myriad;
     src: url('../fonts/myriad-pro-8.otf');
}
@font-face {
     font-family:myriad-thin;
     src: url('../fonts/myriad-pro-light-semiextended.otf');
}
@font-face {
     font-family:social;
     src: url('../fonts/social.ttf');
}
@font-face {
     font-family:script;
     src: url('../fonts/Script.ttf');
}
@font-face {
     font-family:birds;
     src: url('../fonts/Birds.ttf');
}
@font-face {
     font-family:design;
     src: url('../fonts/Design.ttf');
}
.main{
	width:100%;
	height:200rem;
	background-color:#fff;
	position:relative;
}
.header{
	width:100%;
	height:42rem;	
	background-image:url('../img/editora.jpg');
	background-attachment:fixed;	
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;	
	
}
.header-content{
	width:90%;
	height:20rem;
	margin:0px auto;
	display:flex;
	flex-direction:rows;
	justify-content:space-between;
	
}
.header-content .logo{
	width:13rem;
	height:10rem;
	margin-top:30px;
	text-align:center;
	padding-top:3.2rem;
	
}
.logo h2{
	font-family:birds;
	font-size:5rem;
	color:rgba(250,250,250,1);
	text-shadow:2px 3px 5px rgba(0,0,0,0.9);
}
.logo h3{
	font-family:myriad-thin;
	font-size:1.2rem;
	color:rgba(214, 122, 127,1);
	text-shadow:0px 1px 1px rgba(250,250,250,0.8);
}
.header-content .titulo{
	width:80%;
	height:10rem;
	margin-top:30px;
	text-align:right;
	padding-top:1.5rem;
	line-height:10rem;
}
.titulo h1{
	font-family:birds;
	font-size:6rem;
	color: rgba(250, 250,250,1);
	text-shadow:2px 3px 5px rgba(0,0,0,0.9);
}
.header-content-footer{
	width:80%;
	height:16rem;
	margin:0px auto;
	padding-top:2rem;
	text-align:center;
}
.header-content-footer p{
	font-family:birds;
	font-size:2.1rem;
	color:#ccc;
	text-shadow:1px 2px 2px #000;
	
}
.menu img{
	width:56px;
	height:56px;
	position:absolute;
	top:0;
	right:0;
	margin:10px;
	padding:5px;
	background-color:rgba(250,250,250,0.6);
	border-radius:5px;
	text-align:center;
	cursor:pointer;
	opacity:0.6;
}
.aside{
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999;
    display: flex;
}
.menu-opener{
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 10px;
}
.menu-area{
    width:0;
    height:100vh;
    background-color:rgba(0,0,0,1);
    overflow-x:hidden;
    overflow-y:auto;
    transition:all ease .5s;
}
.menu-area ul, .menu-area li{
    padding: 10px;
    list-style:none;
}
.menu-area li{
    display:block;
    padding:10px;
    color:#FFF;
    cursor: pointer;
}
.menu-area li:hover{
    background-color:rgba(250,250,250,0.5);;
}
.menu-area li a{
    font-family:myriad;
	font-size:2rem;
	color:#fff;
}
.section{
	width:100%;
	height:130rem;
	margin-top:0px;
	display:flex;
	flex-direction:column;
	background-color:#eee;
}
.section .article{
	width:90%;
	height:40rem;
	margin:30px auto;
	background-color:#fff;
	box-shadow:0px 2px 2px rgba(0,0,0,0.6);
}
.rodape{
	width:100%;
	height:20rem;
	margin:0px auto;
	display:flex;
	flex-direction:column;
	background : #464646;    
    background-image :linear-gradient(to bottom, rgb(168,168,168), rgb(69,69,69));
    border-top: 2px solid #939393;
	font-family:myriad;
    font-size: 1.2rem;
    text-shadow: 0 1px 1px rgba(255,255,255,0.4);
    color: #262626;
}