@charset "utf-8";
/* CSS Document */
/* General CSS */

body,html {
	
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: "Roboto", sans-serif;
	font-size: 12px;
	font-weight: 700;	
}

header{
	margin:20px;
}

header a{
	color:#f1f1f1;
}

header h1{
    margin: 0 auto 0 0;
    letter-spacing: -1px;
    font-weight: bold;
    font-size: 1.65em;
    line-height: 1;
    display: inline-block;
	color:#fff;
	margin-top:5px;
}
/*DEMO CSS*/

body{
	background-color:#000;
}


.item img{
	position:absolute;
	width:100%;
	transform: translate(0%, -50%);
	top:50%;
	
}

div#resgal:hover .item {
	opacity: 0.3;
}
div#resgal:hover .item:hover {
	opacity: 1;
}

.item a{
	width:100%;
	height:100%;
	
}

.item {
	 
	 transition: .8s opacity;
	 background-color:#000;
	 float:left;
	 width:33.3%;
	 height:350px;
	 position:relative;
	 overflow:hidden;
	 font-size: 0;

}
	 


@media screen and (max-width: 1220px) {
	.item { height: 250px; width:50%; }
}


@media screen and (max-width: 440px) {
	.item { height: 200px; width:100%; }
}