#main_body {
	padding: 0 30px 60px 30px;
}

.landing_intro {
	position: relative;
	width: 100%;
	height: 340px;
	background: url("/layouts/images/landing_intro_img.jpg") center center / cover no-repeat;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 0 30px;
}
@media screen and (min-width : 768px) {
	.landing_intro { height: 340px; }
}

	.landing_intro_content {
		padding: 50px 20px;
		background-color: rgba(0,0,0,0.8);
		border-radius: 15px;
		width: 100%;
	}
	@media screen and (min-width : 768px) {
		.landing_intro_content { width: 695px; }
	}

		.landing_intro_slogan {
			color: var(--second_color);
			text-transform: uppercase;
			font-size: 18px;
			font-weight: 300;
		}
		@media screen and (min-width : 768px) {
			.landing_intro_slogan { font-size: 24px; }
		}

		.landing_intro_title {
			text-transform: uppercase;
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 36px;
			font-weight: 400;
			padding: 30px 0;
		}
		@media screen and (min-width : 768px) {
			.landing_intro_title { font-size: 60px; padding: 40px 0; }
		}

		.landing_intro_text {
			font-size: 15px;
			font-weight: 300;
		}
		@media screen and (min-width : 768px) {
			.landing_intro_text { font-size: 18px; line-height: 24px; }
		}

#cinema_choice {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 30px;
	row-gap: 30px;
}

	.cinema_box {
		position: relative;
		width: 100%;
		height: 270px;
		border-radius: 15px;
		background: url("/layouts/images/landing_img_multisalaoz.jpg") center center / cover no-repeat;
		outline: 1px solid rgba(255,255,255,0.3);
		padding: 20px;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		row-gap: 12px;
	}
	@media screen and (min-width : 768px) {
		.cinema_box { width: calc((100% - 30px) / 2); }
	}
	@media screen and (min-width : 992px) {
		.cinema_box { width: calc((100% - 60px) / 3); }
	}

	#multisalaoz {
		background: url("/layouts/images/landing_img_multisalaoz.jpg") center center / cover no-repeat;
	}

	#cinemasociale {
		background: url("/layouts/images/landing_img_cinemasociale.jpg") center center / cover no-repeat;
	}

	#cinemamoretto {
		background: url("/layouts/images/landing_img_cinemamoretto.jpg") center center / cover no-repeat;
	}

	#multisalacolosseo {
		background: url("/layouts/images/landing_img_multisalacolosseo.jpg") center center / cover no-repeat;
	}

	#multisalaeliseo {
		background: url("/layouts/images/landing_img_multisalaeliseo.jpg") center center / cover no-repeat;
	}

	#multisalaportanova {
		background: url("/layouts/images/landing_img_multisalaportanova.jpg") center center / cover no-repeat;
	}

		.cinema_gradient {
			position: absolute;
			width: 100%;
			height: 170px;
			left: 0;
			bottom: 0;
			border-radius: 0 0 15px 15px;
			background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 100%);
		}

		.cinema_name {
			text-transform: uppercase;
			font-family: 'Barlow Condensed', sans-serif;
			font-size: 28px;
			font-weight: 400;
			z-index: 1;
		}

		.cinema_city {
			font-size: 18px;
			text-transform: uppercase;
			z-index: 1;
			display: flex;
			align-items: center;
		}

			.cinema_city .fi {
				font-size: 18px;
				color: var(--second_color);
				margin-right: 10px;
			}

		.btt_cinema {
			width: 220px;
			background-color: rgba(255,150,0,0.4);
			z-index: 1;
			text-transform: uppercase;
			font-size: 14px;
			height: 30px;
			border-radius: 4px;
			transition: background-color 0.3s linear;
			display: flex;
			justify-content: center;
			cursor: pointer;
		}

		.btt_cinema a {
			color: var(--first_color);
			display: flex;
			align-items: center;
		}

		.btt_cinema:hover {
			background-color: rgba(255,150,0,0.7);
		}

		.btt_cinema .fi {
			margin-left: 10px;
			line-height: 1;
		}