html,body{height:100%;}
body{background: #eee;}



/*------------------------------
general
------------------------------*/
.animate{
	-webkit-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
.button{display:inline-block; background:#FFF; color:#000; padding:10px 20px; border-radius:3px; text-decoration:none;}
p{line-height:22px;}
a{color: #F93;}
a:hover{color: #F30;} 



/*------------------------------
header
------------------------------*/

.header{background:#333}
.header_logo{color: #FFF; float:left; display: block; padding: 20px;}
.header_menu{float:right; margin: 0; padding: 0;}
.header_menu_item{display: inline-block;}
.header_menu_item a{color: #FFF; display: block; padding: 20px;}
.header_menu_item a:hover{background: #000}


.header_icon-bar{display: block; float: right; padding: 20px; display: none;}
.header_icon-bar span{display: block; height: 3px; width: 30px; background: #FFF; margin-bottom: 5px;}


/*------------------------------
cover
------------------------------*/
.cover{height:70%; 
background-image:url(images/maniscrive.JPG););


background-size:cover; -o-background-size: cover; -moz-background-size:cover; background-position:center center; position:relative;}


.cover_filter{background: #000; Width:100%; height:100%; position: absolute; z-index: 0; opacity: 0.5;}
.cover_caption{display: table; height: 100%; width: 100%; position: relative; z-index: 1; padding: 0 20px}
.cover_caption_copy{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: #999;
}



.cover--single{height:50%;}
.cover--single h1{font-size:42px;}





/*-------------------------------------------------
cards 
-------------------------------------------------*/
.cards{border: max-width:1200px; margin: 40px auto}

.card{width: 30%; margin:0 1.5%; background:#FFF; float:left;}
.card_image{width: 100%; height: auto;}
.card_copy{padding: 5px 20px;}
.card_copy h3{
	margin-bottom: 0;
	color: #C30;
}


/*------------------------------
banner
------------------------------*/
.banner{background:#FFF; height:50%;}
.banner_image{width:30%; float:left; height:100%;
background-image:url(images/aulatribunale.JPG;);
background-size: cover;
-o-background-size: cover;
-moz-background-size:cover;
background-position: center center;
}
.banner_copy{width:70%; float: left; height: 100%;display:table;}
.banner_copy_text{display:table-cell; vertical-align:middle; padding:30px;}
.banner_copy_text h3{font-size:36px; margin-bottom:10px; padding:20;}
.banner_copy_text h4{font-size:22px; margin:5px;}


/*...........................
footer
...........................*/
.footer{background:#333; padding:30px; color: #FFF; margin-top: 40px;}


/*...........................
single
...........................*/
 .single{}
 .single_copy{
	max-width: 950px;
	margin: 0px auto;
	margin-top: -40px;
	background: #FFF;
	padding: 30px 40px;
	position: relative;
	z-index: 1;
	text-align: justify;
}
.single_copy_meta{font-weight:bold; font-size:18px; font-style:italic;}
.single_copy_title{font-size:32px;}






/*...........................
tablet
...........................*/
@media(max-width:998px){
/*...........................
banner
...........................*/
	
.banner_image,
.banner_copy{width:50%; height:50%;}	
	
	
}



/*...........................
smartphone
...........................*/
@media(max-width:767px){
	
.header{position:fixed;z-index: 100; width:100%;}	
.header_icon-bar{display: block;}
.header_menu{width:100%; height:0px; overflow:hidden;}
.header_menu_item{display:block;}
.is-open{height:300px; overflow:auto;}
/*cards*/
.card{width: 90%; margin0 0 5%;}

/*...........................
cover
...........................*/	
.cover{height:100%;}


/*----------------
banner
-----------------*/
.banner{height: 100%;}
.banner_image,
.banner_copy{width:100%; height:50%;}
 
}
.banner_copy{	
	
	
	
}



.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
:before,
:after{-webkit-box-sizing: border-box;
          -moz-box-sizing: border-box;
		       box-sizing: border-box;
}