html,
body {
	font-family: 'Open Sans', sans-serif !important;
	font-size: 18px;
}

#lot_footer {
	font-weight: 300;
	background-color: #000;
}

.particular {
	color: white !important;
}

p.footer_left {
	color: white;
}

div.page-header>h2>a {
	color: black;
}

h2.name {
	font-size: 24px;
	font-weight: bold;
}

h4.author {
	font-size: 16px;
	font-weight: 400;
}

legend.scheduler-border {
	font-family: 'Roboto', sans-serif;
	font-size: 12px !important;
	text-align: left !important;
}

button.rounded-0 {
	font-size: 14px;
	font-weight: bold;
}

a.bar_left {
	font-size: 24px;
	font-weight: bold;
	color: #000;
}

.message_info {
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}

#name_book {
	font-size: 36px;
	color: #FF0000;
}

#intro_title,
#text {
	font-size: 21px
}

#info {
	font-size: 14px;
}

p.fw-bold {
	font-weight: 600;
}

.footer-text {
	font-size: 30px;
}

p.footer_left {
	line-height: 130%;
}

/* Modifiche per dispositivi mobili (Breakpoint Bootstrap 5) */
@media (max-width: 575.98px) {
	h2.name {
		font-size: 19px;
	}

	.message_info {
		font-size: 11px;
	}

	.blog {
		padding: 0;
	}

	.article {
		padding-top: 4rem;
	}

	h1.guida-title {
		margin-bottom: 0;
		font-size: 180px; /* Ridotto per non debordare */
	}

	h2.guida-title {
		margin-top: -20px;
		margin-bottom: 30px;
		margin-left: 20px;
	}

	div.bg-architecture {
		height: 350px;
	}
	
	.bg-map {
		margin-top: 0;
		height: auto;
		min-width: 100%;
		max-width: 100%;
	}
}

/* Dispositivi intermedi */
@media (min-width: 576px) and (max-width: 991.98px) {
	h1.guida-title {
		font-size: 200px;
	}

	h2.guida-title {
		margin-top: 20px;
		margin-bottom: 1.5rem;
	}

	.bg-map {
		height: 800px;
		background-image: url(/images/map.png);
		background-size: cover;
		margin-top: -50px;
	}

	div.guide .container {
		max-width: 100%;
	}
}

/* Tablet e Desktop */
@media (min-width: 768px) and (max-width: 1199.98px) {
	h4.author {
		font-size: 14px;
	}

	h2.name {
		font-size: 18px;
	}
}

@media (min-width: 992px) and (max-width: 1399.98px) {
	.message_info {
		font-size: 12px;
	}
}