@media (max-width: 768px) {

	.navbar {
		padding: 20px;
		background: #fff;
	}

	.menu-icon {
		display: flex;
		color: #343a40;
	}

	.logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	.logo img {
		width: 110px;
		margin-left: 0;
	}

	.nav-links {
		flex-direction: column;
		position: absolute;
		top: 59px;
		left: -100%;
		width: 100%;
		text-align: center;
		transition: 0.3s;
		padding: 10px;
		background-color: transparent;
		background: #fff;
		box-shadow: 0 4px 30px rgba(88, 88, 88, 0.1);
		-webkit-backdrop-filter: blur(4.8px);
		backdrop-filter: blur(4.8px);
		height: 100lh;
		z-index: 9999;
	}

	.nav-links li {
		margin: 10px 0;
		margin-top: 20px;
	}

	.nav-links.active {
		left: 0;
	}

	/*---------HEADER---------*/
	.link-home,
	.img-header {
		display: none;
	}

	.header {
		flex-direction: column;
		background-size: auto;
	}

	.in-image {
		margin-top: 30px;
	}

	.in-image h1 {
		font-size: 50px;
		text-align: center;
	}

	.blu {
		font-size: 25px;
		text-align: center;
	}

	.under-blu {
		font-size: 16px;
		text-align: center;
		margin-top: 20px;
	}

	.header-card {
		display: none;
	}


	/*---------CONTENT---------*/

	.content {
		margin-bottom: 100px;
		margin-left: 20px;
		margin-right: 20px;
	}

	.sub-title {
		text-align: center;
	}

	.services {
		flex-direction: column;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.services img {
		margin-top: 20px;
	}

	/*---------CORPORATE---------*/

	.card-list {
		flex-direction: column;
		gap: 0px;
	}


	/*---------other card---------*/

	.other-card {
		display: flex;
		flex-direction: column;
		align-items: center;
	}


	/*---------FOOTER---------*/

	.footer img {
		margin-top: 15px;
		margin-bottom: 12px;
		float: none;
	}

	.footer-txt {
		float: none;
		text-align: center;
	}

}


/*----------------SOLO PER SCHERMI NON MOBILE---------------- */
@media screen and (min-width: 769px) {
	/*----------------background---------------- */

	.background-img {
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
		height: 80%;
		justify-content: left;
	}

	.background-img h1 {
		font-size: 90px;
	}

	.background-img p {
		font-size: 20px;
	}

	.background-img h1,
	.background-img p {
		margin-left: 100px;
	}
}