/* HEADER */
header {
	width:80%;
	margin:auto;
	-webkit-box-shadow: 0px 0px 20px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 0px 20px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 0px 20px 0px rgba(50, 50, 50, 0.75);
	z-index: -1;
}


header img {
	width:100%;
	height:auto;
	z-index:-1;
}

#header_h1 {
	/*background-image:url(../media/img/banner-480.png);
	background-repeat:no-repeat;
	background-size: 100%;
	background-position:center !important;
	overflow:hidden;*/
	font-family: 'Della Respira', serif;
	min-height: 2em;
	height: auto;
	width: auto !important;
	margin: 0 auto;
	text-align: center;
	color:black;
	text-shadow: 2px 2px 2px rgba(208,208,208,0.90);
}

#fig_cap_header {
	margin: 0 0 0 20px;
	/*font-family: "Grand Hotel";*/
	font-family: 'Lusitana', serif;
	font-size: 20px;
	color:rgba(232,232,232,1.00);
}

/* END HEADER */

/* rules for the smallest screen and bigger */
aside#header {
	width:80%;
	background-color:rgba(132,11,128,0.2);
	margin:auto;
	padding: 10px 0px;
	border-left:dotted 2px #3C203B;
	border-bottom: dotted 2px #3C203B;
	border-right: dotted 2px #3C203B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.75);
	z-index:1;
}

@media only screen and (min-width: 768px) {
	#header_h1 {
		width: 100%;
		/*background-image:url(../media/img/banner-768.png);*/
	}
	#fig_cap_header {
	font-size: 24px;
	}
}

@media only screen and (min-width: 1280px) {
	#header_h1 {
		min-width: 100%;
		font-size:35px;
		min-height: 60px;
		/*background-image:url(../media/img/banner-1280.png);*/
	}
	h1 {
		margin-top: 30px;
	}
	#fig_cap_header {
	font-size: 28px;
	}

}