.white
{
	width: 100%;
	background-color: black;
	overflow: hidden;
}

.col-sm-3
{
	height: 350px;
	overflow: hidden;
	margin-bottom: 20px;
}

.middle
{
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	width: 100%;
 	height: 100%;
	text-align: center;
	background-color: rgba(0,0,0,0.5);
}

.middle h4
{
	margin-top: 170px;
	color: white;
	font-family: 'Conv_Raleway-Light';
}


img
{
	height: 350px;
	width: auto;
	transition: .5s ease;
  	backface-visibility: hidden;
  	opacity: 1;
}



.middle:hover {
  opacity: 1;
}

/*img:active  
{   
	position: fixed;
    height: 700px;
    width: 800px;
    z-index: 1000;
}*/



.primeiro
{
	background-color: black;
	text-align: center;
}

.primeiro .paineisgroup, .primeiro .empenasgroup, .primeiro .monopostesgroup
{
	background-image: url(../images/paineis1.svg);
	width: auto;
	height: 100%;
	background-repeat: no-repeat;
	margin-top: 20px;
}

.primeiro .empenasgroup
{
	background-image: url(../images/empenas1.svg);
}

.primeiro .monopostesgroup
{
	background-image: url(../images/monopostes1.svg);
}

.primeiro h2
{
	font-family: 'Conv_Raleway-Light';
	font-size: 1.5em;
	color: white;
	left: auto;
	right: auto;
	margin-top: -120px;
	text-transform: uppercase;
}

.bloco-nav-mobile
{
	top: 0px;
}

.nav-mobile
{
	margin-top: 5%;
}


.escondido
{
	width: 1000px;
	height: 500px;
	background-color: black;
	position: fixed;
	display: none;
}

.pfotogrande
{
	height: auto;
	width: 100%;
	cursor: zoom-out;
}




@media (min-width: 1800px) {

	.col-sm-3
	{
		margin-bottom: 50px;
	}


}


@media (max-width: 1500px) {

	.col-sm-3
	{
		width: 33% !important;
		margin-bottom: 20px;
	}



}


@media (max-width: 1100px) {

	.col-sm-3
	{
		width: 50% !important;
		margin-bottom: 70px;
	}

	img
	{
		width: 100%;
		height: auto;
	}

}


@media (max-width: 770px) {

	.col-sm-3
	{
		width: 100% !important;
		height: 500px;
	}

	img
	{
		height: auto;
		width: 100%;
	}


}


@media (max-width: 480px) {

	.primeiro h2
	{
		margin-top: -70px;
	}

	.col-sm-3
	{
		height: 300px;
	}


	img
	{
		width: 100%;
		height: auto;
	}
}