.main_body {
	padding: 0;
	text-align: center;
}

#collection {
	position: relative;
	padding: 60px 20px;
}
	
@media screen and (min-width : 994px) {
	#collection { padding: 100px 50px; }
}

	#collection_cont {
		display: flex;
		flex-direction: column;
		row-gap: 30px;
	}
	
	@media screen and (min-width : 994px) {
		#collection_cont { flex-direction: row; column-gap: 30px; }
	}
	
		.collection_item {
			width: 100%;
		}
	
		@media screen and (min-width : 994px) {
			.collection_item { width: calc(100% / 4); }
		}
	
			.collection_img, .collection_img img {
				width: 100%;
			}
		
			.collection_info {
				margin-top: 38px;
				margin-bottom: 20px;
			}
		
				.collection_info hr {
					margin: 20px auto;
				}
		
				.collection_title {
					text-transform: uppercase;
					font-size: 20px;
					line-height: 20px;
				}
			
				.collection_text {
				}
			
				.btt_scheda {
					width: 200px;
					margin: 0 auto;
				}
				
#news {
}

	#news_cont {
		display: flex;
		flex-direction: column;
	}
	
	@media screen and (min-width : 994px) {
		#news_cont { flex-direction: row; }
	}
	
		.news_item {
			position: relative;
			width: 100%;
		}
	
		@media screen and (min-width : 994px) {
			.news_item { width: calc(100% / 3); }
		}
	
			.news_img, .news_img img {
				width: 100%;
			}
			
			.news_img:after {
				content: '';
				position:absolute;
  				left:0;
  				top:0;
  				width:100%;
  				height:100%;
  				background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
			}
			
			.news_info {
				position: absolute;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 20px;
			}
			
				.news_title {
					font-size: 20px;
					line-height: 20px;
					text-transform: uppercase;
					white-space: nowrap;
  					overflow: hidden;
  					text-overflow: ellipsis;
				}
			
				.news_title a {
					color: var(--second_color);
					transition: color 0.3s linear;
					-webkit-transition: color 0.3s linear;
					-moz-transition: color 0.3s linear;
				}
			
				.news_title a:hover {
					color: var(--third_color);
				}
				
				.news_text {
					color: var(--third_color);
					margin-top: 10px;
					overflow: hidden;
  					display: -webkit-box;
  					-webkit-box-orient: vertical;
  					-webkit-line-clamp: 2;
  					white-space: pre-wrap;
				}
				
#museo {
	position: relative;
	padding: 30px 0;
	display: flex;
	flex-direction: column;
}
	
@media screen and (min-width : 994px) {
	#museo { flex-direction: row; }
}
	
		#museo_img, #museo_cont {
			width: 100%;
		}
	
		@media screen and (min-width : 994px) {
			#museo_img, #museo_cont { width: 50%; }
		}
		
			#museo_img img {
				width: 100%;
				display: block;
			}
			
		#museo_cont {
			background: linear-gradient(to bottom, rgba(32,32,32,1) 0%,rgba(57,57,57,1) 3%,rgba(0,0,0,1) 100%);
			color: var(--third_color);
		}
	
		@media screen and (min-width : 994px) {
			#museo_cont { background: linear-gradient(to right, rgba(32,32,32,1) 0%,rgba(57,57,57,1) 3%,rgba(0,0,0,1) 100%); text-align: left; }
		}
		
			#museo_info {
				padding: 20px;
			}
	
			@media screen and (min-width : 994px) {
				#museo_info { position: absolute; top: 50%; transform: translateY(-50%); padding: 50px; }
			}
		
				#museo_title {
					font-size: 36px;
					text-transform: uppercase;
					line-height: 36px;
					letter-spacing: -1px;
				}
		
				#museo_info hr {
					margin: 20px auto;
				}
	
				@media screen and (min-width : 994px) {
					#museo_info hr { margin: 20px 0; }
				}
			
		#museo_cont .btt_viewmore {
			width: 200px;
			margin: 20px auto 0 auto;
		}
	
		@media screen and (min-width : 994px) {
			#museo_cont .btt_viewmore { margin: 20px 0 0 0; }
		}
		
#museo_dati {
	position: relative;
	display: flex;
	flex-direction: column;
}
	
@media screen and (min-width : 994px) {
	#museo_dati { flex-direction: row; }
}
	
	#orari, #mappa, #dovesiamo {
		width: 100%;
	}

	@media screen and (min-width : 994px) {
		#orari, #mappa, #dovesiamo { width: calc(100% / 3); }
	}
	
	#orari {
		background: linear-gradient(to top, rgba(212,212,212,1) 0%,rgba(255,255,255,1) 3%,rgba(226,226,226,1) 100%);
	}
	
	@media screen and (min-width : 994px) {
		#orari { background: linear-gradient(to left, rgba(212,212,212,1) 0%,rgba(255,255,255,1) 3%,rgba(226,226,226,1) 100%); text-align: left; }
	}
	
	#mappa iframe {
		display: block;
	}
	
	#dovesiamo {
		background: linear-gradient(to bottom, rgba(212,212,212,1) 0%,rgba(255,255,255,1) 3%,rgba(226,226,226,1) 100%);
	}
	
	@media screen and (min-width : 994px) {
		#dovesiamo { background: linear-gradient(to right, rgba(212,212,212,1) 0%,rgba(255,255,255,1) 3%,rgba(226,226,226,1) 100%); text-align: right; }
	}
	
		#orari_cont, #dovesiamo_cont {
			padding: 20px;
		}
	
		@media screen and (min-width : 994px) {
			#orari_cont, #dovesiamo_cont { position: absolute; top: 50%; transform: translateY(-50%); padding: 50px; }
		}
		
			#orari_title, #dovesiamo_title {
				font-size: 36px;
				line-height: 36px;
				text-transform: uppercase;
				letter-spacing: -1px;
			}
			
			#orari_cont hr, #dovesiamo_cont hr {
				margin: 20px auto;
			}
	
			@media screen and (min-width : 994px) {
				#orari_cont hr { margin: 20px auto 20px 0; }
				#dovesiamo_cont hr { margin: 20px 0 20px auto; }
			}

#tariffe {
	position: relative;
	padding: 60px 20px;
}
	
@media screen and (min-width : 994px) {
	#tariffe { padding: 100px 50px; }
}

	#tariffe_cont {
		display: flex;
		flex-direction: column;
		row-gap: 30px;
		align-items: flex-start;
	}
	
	@media screen and (min-width : 994px) {
		#tariffe_cont { flex-direction: row; column-gap: 30px; }
	}
	
		.tariffe_item {
			width: 100%;
		}
	
		@media screen and (min-width : 994px) {
			.tariffe_item { width: calc(100% / 4); text-align: left; }
		}
		
	#tariffe_info {
		font-style: italic;
		margin-top: 50px;
	}