@font-face {
			font-family: "Custom_Menu"; /* Scegli un nome per il tuo font */
			src: url("fonts/custom/menu.ttf") format("truetype"); /* Percorso relativo al TTF */
			font-weight: normal; /* Imposta il peso normale */
			font-style: normal; /* Imposta lo stile normale */
		}

		/* Mantieni tutte le configurazioni originali */
		.site-nav {
			position: fixed !important;
			width: 100%;
			background-color: white;
			z-index: 100;
		}

		.site-menu {
			list-style: none;
			margin: 0;
			padding: 0;
			display: flex;
			gap: 20px;
			align-items: center;
		}

		.site-menu li {
			display: inline-block;
		}

		.site-menu a h5 {
			font-family: "Custom_Menu", sans-serif;
			transition: color 0.3s;
		}

		.site-menu a:hover h5 {
			color: #0099f6;
		}

		#titolo_1 {
			font-family: "Custom_Titolo", sans-serif;
		}
		#titolo_2 {
			font-family: "Custom_Menu", sans-serif;
			font-size: 18px;
		}

		/* Menù laterale */

		.site-mobile-menu-body ul {
			list-style-type: none;
		}

		.site-mobile-menu-body ul li{
			margin-top: 30%;
		}

		.site-mobile-menu-body a h5 {
			font-family: "Custom_Menu", sans-serif;
			transition: color 0.3s;
		}

		.site-mobile-menu-body a:hover h5 {
			color: #0099f6;
		}

		/* Pulsante hamburger */
		.menu-toggle {
			display: none;
			background: none;
			border: none;
			font-size: 32px;
			cursor: pointer;
			color: black;
		}

		/* Modalità mobile */
		@media (max-width: 960px) {
			/* Nasconde il menu e la navbar normale */
			.site-menu {
				display: none !important;
				flex-direction: column;
				background-color: white;
				position: absolute;
				right: 10px;
				top: 60px;
				border: 1px solid #ccc;
				padding: 10px;
				box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
				z-index: 100;
			}

			/* Mostra il menu come dropdown quando attivato */
			/*
			.site-menu.show {
				display: block;
			}
			*/


			/* Nasconde la navbar normale */
			.site-navigation {
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			/* Mostra l'icona hamburger */
			.menu-toggle {
				display: block;
			}
		}

		@media (max-width: 768px) {
			.site-mobile-menu-body ul {
				display: block !important; /* Assicura che il menu sia sempre visibile */
				text-align: center; /* Centra gli elementi */
				padding: 0;
			}

			.site-mobile-menu-body ul li {
				display: block; /* Mostra gli elementi in colonna */
				margin-bottom: 10px; /* Spaziatura tra gli elementi */
			}
		}