/* CSS Document */
body{
	background-color:rgb(38, 38, 41);
	margin:0;
	border:0;
	font-family:Verdana;
}
/* SOBRE */

#sobre{
	margin-top:80px;
	text-align:center;
	color:#FFF;
	opacity:0.9;
	height:100vh;
	
	}
#sobre span{
	color:#CCC;
	opacity:0.8;
	
	}
#sobre button{
	padding:20px;
	background-color:rgb(47, 53, 61);
	color:#CCC;
	border:0px;
	margin-top:50px;
	font-size:20px;
	opacity:0.9;
	
	}
#sobre button:hover{
	background-color:#222;
	color:white;
	}

/* PORTIFOLIO */
	#portifolio{
		width:100%; 
	}
	#portifolio a img{
		width:482px; 
		height:300px; 
		z-index:2; 
		padding:10px;
		opacity:0.8
		}
	#portifolio a img:hover{
		z-index:2;
		opacity:1;
		}
/* POEMAS */
	#poemas {
		width:100%;
		height:auto;
	}
	#poemas span{
		margin:10px;
		padding:20px;
		display:inline-block;
		width:300px;
		height:300px;
		background-color:#EEE;
		border:#EEE dashed 4px;
		float:left;
		opacity:0.8;
	}
	#poemas span:hover{
		border:rgb(38, 38, 41) dashed 4px;
		opacity:1;
	}
	#poemas span li{
		color:#000;
		font-family:Segoe;
		font-style:italic;
		text-decoration:none;
		list-style:none;
		padding:10px;
		}
/* CONTATO */
	#contato {
		display:inline-block;
		width:100%; 
		height:auto;	
		font-size:20px;
		color:rgb(150, 150, 150);
		}
	#contato h2 dl {
		font-size:11px;
	}
	#contato h2 {
		font-size:15px;
		padding:10px;
		color:rgb(150, 150, 150);
	}
	#contato h2 dl a{
		text-decoration:none;
		color:rgb(200, 200, 200);
	}
	
/* PORTIFOLIO - POEMAS - CONTATO */
#portifolio h1, #poemas h1, #contato h1{
	 color:rgb(131, 131, 143); 
	 text-align:center; 
	 font-size:30px; 
	 font-family: Verdana, sans-serif;
	 font-style:italic;
	 background-color:rgb(47, 53, 61);
	 padding-top:20px;
	 padding-bottom:20px;
}
/* RODAPE */
#rodape {
	display:inline-block;
	height:auto;
	width:100%;
	font-size:14px;
	font-style:italic;
	background-color:rgb(47, 53, 61);
	text-align:center;
	padding-top:20px;
	padding-bottom:20px;
	color:rgb(150, 150, 150);
}
#rodape a{ font-size:16px; text-decoration:none; color:rgb(150, 150, 150); }



@media screen and (max-width: 768px) {
  #menu .a {
    float: none;
    display: block;
    text-align: left;
  }
  #menu .header-right {
    float: none;
  }
  
  #poemas span {
		display: block;
		width:90% !important;
		height:auto;
		margin:0;
		border:0;
		padding:15px;
		opacity:1 !important;
		background-color:rgb(38, 38, 41);
		color:#FFF;
	}
  #poemas span li{
		color:rgb(200, 200, 200);
	}
  #poemas span:hover{
	  	border:0;
	  }
  
  #portifolio a img{
		width:90% !important; 
		height:auto !important; 
	}
  #contato .texto {
	margin-top:30px;
	width:90% !important;
	height:auto !important; 
	display:block !important;
	 }
  #contato .social {
	width:90% !important;
	height:auto !important; 
	display:block !important;
	 }
  #contato .pgContato {
	margin-top:30px;
	width:90% !important;
	height:auto !important; 
	display:block !important;
	 }
}