#galeria {
	position: relative;
}
#galeria figure + figure + figure + figure {
	display: none;
}

h3.galeria-tit {
	font-size: 15px;
	width: 135px;
	position: absolute;
	left: 25.6%;
	top: 35px;
}
@media (max-width: 1440px) {
	h3.galeria-tit {
		top: 55px;
	}
}
@media (max-width: 880px) {
	h3.galeria-tit {
		top: 45px;
	}
}
@media (max-width: 640px) {
	h3.galeria-tit {
		top: 39px;
		left: 58%;
		width: 40%;
	}
}
.gallery:after {
	display: block;
	content: '';
	clear: both;
}
.gallery figure {
	float: left;
	position: relative;
	width: 33%;
	padding-top: 33%;
	border-radius: 50%;
	overflow: hidden;
	display: flex;
	margin: 0 0;
	/* background-color: var(--cinza-bg-quadro); */
	box-shadow: 0 0 1px rgba(0,0,0,0.3);
}
.gallery div,
.gallery a {
	display: flex;
	width: 100%;
	top: 100%;
}
.gallery img {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	min-width: 100%;
	min-height: 100%;
	max-width: 100%;
	max-height: 100%;
}

#galeria .bolavazada {
	content: '';
	display: block;
	width: 295px;
	height: 295px;
	border-radius: 50%;
	border: 1px solid var(--vermelho);
	position: absolute;
	z-index: -1;
	left: -100px;
	top: 80px;
}
#galeria .bolacheia {
	content: '';
	display: block;
	width: 52px;
	height: 52px;
	border-radius: 50%;
	background: var(--vermelho);
	position: absolute;
	z-index: -1;
	left: 36%;
	top: 180px;
}
@media (max-width: 1440px) {
	#galeria .bolacheia {
		top: 210px;
	}	
}
@media (max-width: 640px) {
	#galeria .bolavazada {
		width: 177px;
		height: 177px;
		left: 0px;
		top: 96px;
	}
	#galeria .bolacheia {
		width: 22px;
		height: 22px;
		top: 320px;
		left: 67%;
	}	
}
#projeto-content.rosa .bolavazada {
	border-color: var(--rosa);
}
#projeto-content.verde .bolavazada {
	border-color: var(--verde);
}
#projeto-content.laranja .bolavazada {
	border-color: var(--laranja);
}
#projeto-content.ciano .bolavazada {
	border-color: var(--ciano);
}
#projeto-content.rosa .bolacheia {
	background-color: var(--rosa);
}
#projeto-content.verde .bolacheia {
	background-color: var(--verde);
}
#projeto-content.laranja .bolacheia {
	background-color: var(--laranja);
}
#projeto-content.ciano .bolacheia {
	background-color: var(--ciano);
}


#galeria figure:nth-child(n+7) {
	display: none;
}

/* arranjo 1 */
.gallery {
	margin-top: -150px;
}
.gallery figure:nth-child(9n+1) {
	width: 18%;
	padding-top: 18%;
	margin-top: -130px;
	z-index: 2;
	clear: left;
}
.gallery figure:nth-child(9n+2) {
	width: 36.5%;
	padding-top: 36.5%;
	margin-left: -14%;
	margin-top: 10px;
}
.gallery figure:nth-child(9n+3) {
	width: 27%;
	padding-top: 27%;
	margin-top: 10px;
	margin-left: 3.5%;
}
.gallery figure:nth-child(9n+4) {
	width: 20%;
	padding-top: 20%;
	margin-top: 10px;
	margin-left: 9.5%;
	clear: left;
}
.gallery figure:nth-child(9n+5) {
	width: 30%;
	padding-top: 30%;
	margin-top: -40px;
	margin-left: 1.5%;
}
.gallery figure:nth-child(9n+6) {
	width: 33%;
	padding-top: 33%;
	margin-top: -150px;
	margin-left: -4%;
}
.gallery figure:nth-child(9n+7) {
	margin-left: 15%;
	clear: left;
}
.gallery figure:nth-child(9n+8) {
	width: 19%;
	padding-top: 19%;
	margin-top: 60px;
	margin-left: 4%;
}
.gallery figure:nth-child(9n+9) {
	width: 28%;
	padding-top: 28%;
	margin-top: 20px;
	margin-left: -3%;
}

@media (max-width: 880px) {
	#galeria {
		clear: both;
	}
	.gallery {
		padding-top: 105px;
	}
	.gallery figure:nth-child(9n+1) {
		margin-top: -70px;
	}
}
@media (max-width: 640px) {
	.gallery figure:nth-child(9n+1) {
		width: 38%;
		padding-top: 38%;
		margin-left: 18%;
		clear: none;
	}
	.gallery figure:nth-child(9n+2) {
		width: 68%;
		padding-top: 68%;
		margin-left: -34%;
		margin-top: -2vw;
	}
	.gallery figure:nth-child(9n+3) {
		width: 44.5%;
		padding-top: 44.5%;
		margin-top: 47vw;
		margin-left: -80%;
	}
	.gallery figure:nth-child(9n+4) {
		width: 48%;
		padding-top: 48%;
		margin-top: -13vw;
		margin-left: 41.5%;
		clear: none;
	}
	.gallery figure:nth-child(9n+5) {
		width: 44%;
		padding-top: 44%;
		margin-top: -20vw;
		margin-left: 9.5%;
	}
	.gallery figure:nth-child(9n+6) {
		width: 50%;
		padding-top: 50%;
		margin-top: 4vw;
		margin-left: -15%;
	}
	.gallery figure:nth-child(9n+7) {
		margin-left: 15%;
		clear: none;
		margin-top: -7vw;
	}
	.gallery figure:nth-child(9n+8) {
		width: 69%;
		padding-top: 69%;
		margin-top: -14vw;
		margin-left: 30%;
	}
	.gallery figure:nth-child(9n+9) {
		width: 35%;
		padding-top: 35%;
		margin-top: 43vw;
		margin-left: -53%;
	}
}