#header {background-image: url(../../../../../images/header-sectoare.jpg); background-size: cover;}

#filters .container {
	width: 95%;
}

#grid .container {
	position: relative;
}

.grid-item-fade {
	height: 500px;
}

.grid-item-fade .grid-item-background-image {
	opacity: 1 !important;
}

.grid-item-fade .grid-item-background-image div {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	transition: 0.5s all;
}

.grid-item-fade .grid-item-label {
	color: #ffffff !important;
	background: rgba(0,0,0,0.7) !important;
}

.grid-item-fade:hover .grid-item-background-image div {
    transform: scale(1.2);
    transition: 0.5s all;
}

@media only screen and (max-width: 1300px) {
	.filter .tab {
		margin-left: 0;
		margin-right: 0;
	}
	
	.filter h8 {
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 1200px) {
	.grid-item-fade {height: 450px;}
}

@media only screen and (max-width: 800px) {
	.grid-item-fade {height: 400px;}
}

@media only screen and (max-width: 767px) {	
	#filters {
		border: unset;
	}

	.filter {
		font-size: 1em;
	}
	
	.filter .row {
		align-items: center;
		-ms-align-items: center;
		-moz-align-items: center;
		-webkit-align-items: center;
	}
	
	
	.filter label {
		font-size: 0.6em;
		margin: 0;
	}
	
	#filters select {
		width: 75%;
		margin-left: 5%;
	}
	
	.grid-item-fade {
		height: auto;
	}
	
	.grid-item-fade .grid-item-label {
		position: relative;
	}
}