/*FOTOS*/
.albuns { width: 100%; height: auto; position: relative; clear: both; padding: 0px 0px 50px 0px; }
.albuns ul { width: 100%; height: auto; position: relative; list-style-type: none; padding: 10px 0px 0px 0px; }
.albuns ul li { overflow: hidden; width: 345px; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 40px 10px; }
.albuns ul li img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden ;}
.albuns ul li .qual { width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -o-calc(100% - 20px); width: calc(100% - 20px); height: auto; position: relative; color: var(--cor-primaria); font-size: 16px; line-height: 20px; font-family: var(--fonte-padrao); font-weight: 600; text-align: center; padding: 10px; min-height: 40px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.albuns ul li .qual span { font-size: 14px; font-weight: 400; color: #919191; padding: 0px 0px 0px 10px; line-height: 22px;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.albuns ul li:hover img { opacity: 0.7 }
.albuns ul li:hover .qual { color: var(--cor-amarela); }

/*GALERIA*/
.galeria { width: 100%; height: auto; position: relative; padding: 0px 0px 50px 0px; }
.galeria ul { width: 100%; height: auto; position: relative; list-style-type: none; }
.galeria ul li { overflow: hidden; width: 250px; height: auto; position: relative; display: inline-block; vertical-align: top; margin: 0px 10px 20px 10px; }
.galeria ul li img { width: 100%; text-align: center; height: auto; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; overflow: hidden ;}
.galeria ul li:hover img { opacity: 0.7 }

@media screen and (max-width: 1100px) {
	section { padding-top: 80px; }

	.galeria, .galeria ul, .albuns { text-align: center; }
	.albuns ul li { margin-bottom: 40px; }
	.galeria ul li { width: 160px; margin: 0px 5px 10px 5px; }
}