/* !@group loghi gruppo */

.loghi-gruppo {

	background-color: #2d2e2e;
	color: #fffbf8;
	flex-basis: 100%;
	padding: min(90px, 10vw) min(55px, 8vw) min(70px, 10vw);

	margin-bottom: 60px;
}

#site-footer .loghi-gruppo .section__inner { flex: 1 1 auto; }
#site-footer .loghi-gruppo .inner { padding-bottom: 0; }
.loghi__title,
.loghi__subtitle { text-align: center; }

.loghi__title {

	font-family: var(--font2);
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 5px;
}

.loghi__subtitle {

	background-color: #2d2e2e;
	padding: 0 min(20px, 5vw);
	text-transform: uppercase;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: min(60px, 12vw);
}

.loghi__subtitle img {

	margin-left: auto;
	margin-right: auto;
}

.loghi__inner { position: relative; }

.loghi-gruppo ul {

	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	row-gap: min(30px, 4vw);
	column-gap: min(15px, 3vw);
}

.loghi-gruppo li {

	width: 200px;
	max-width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media screen and (min-width: 768px) {

	.loghi-gruppo {
		margin-bottom: 0;
	}

	.loghi__inner {

		position: relative;
		padding: min(90px, 7vw) min(45px, 4vw);
		border: 1px solid #777;
	}

	.loghi__title { margin-bottom: 20px; }

	.loghi__subtitle {

		max-width: 90%;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-bottom: min(40px, 6vw);
	}
}

/* @end */