/* = Template1
--------------------------------------------------------------------------------- */

/* Headers */
article.template1 .img-testa h1,
article.template1 .img-testa h2,
article.template1 .img-testa h3,
article.template1 .img-testa h4,
article.template1 .img-testa h5,
article.template1 .img-testa h6 {display:inline-block; padding:5px 20px 5px 20px; }

/* se c'è l'immagine */
article.template1 .img-testa{ min-height: 300px; max-height: 400px; width:85%; position: relative;margin-top: 29px; overflow: hidden; background-color: #000;}
article.template1 .img-testa img{ width:100%; height: auto; opacity: 0.4; }
article.template1 .img-testa h1{ position: absolute; text-transform: uppercase;bottom: 20px; left: 40px; 
	text-shadow: 0 0 0 white!important; color: #fff; font-weight: 100; font-size: 5em; padding-left: 0;}
article.template1 .img-testa h2{ font-weight: 300;}

/* senza immagine */
article.template1 .img-testa.no-img{ background-color: #000; max-width: 70%; min-height: inherit; max-height: inherit;}
article.template1 .img-testa.no-img h1{  position: inherit; padding: 10px 40px;}


@media screen and (max-width: 769px) {
	article.template1 .img-testa h1{ font-size: 4.5em; }
	article.template1 .img-testa.no-img h1{padding: 10px 20px!important;}
}

@media screen and (max-width: 480px) {
	article.template1 .img-testa {width: 100%;min-height: 150px;max-height: 250px;}
	article.template1 .img-testa h1 { left: 10px;}
	article.template1 .img-testa.no-img {width: 100%; max-width: 100%;}
}