h3:first-of-type {
	  font-size: 2.5rem !important;
	}
	
	.HeroCover {
	    position: relative;
	    width: 100%;
	    height: 45rem;
	    background-position: center top;
	    background-repeat: no-repeat;
	    background-size: cover;
	}

	.HeroCover .PageTitle { 
		font-size: 3rem;
		color: #fff;
	    position: absolute;
	    top: 8rem;
	    left: 2.5rem;
	    z-index: 99;
	}

	.HeroCover .PageSubtitle {
		font-weight: 200;
		color: #fff;
	    position: absolute;
	    top: 13rem;
	    left: 2.5rem;
	}

	.HeroCover .MainImage img {
		margin-top: 7rem;
		width: 100%;
	}

	.HeroCover span {
		z-index: 99;
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: rgb(0,0,0);
		background: linear-gradient(155deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 45%);
	}

	.Container {
		margin-top: 1rem !important;
		display: grid;
        grid-template-columns: 25vw 64vw;
        grid-column-gap: 5vw;
	}

	.Container .LeftColumn {
		margin: 0 4rem 0 0;
		display: block;
		width: 100%;
	}

	.Container .RightColumn {
		line-height: 1.17rem;
		font-weight: 300;
		font-size: 0.88rem;
		display: block;
		width: 100%;
	}

	.Container .RightColumn .Content h1 {
	    margin-top: 4rem;
	    margin-bottom: 1rem;
	}

	.Container .RightColumn .Content p img {
		max-width: 100% !important;
		height: 100% !important;
	}

	.Container .RightColumn .Content h3:first-child{
		margin-top: 1rem;
		margin-bottom: 2rem;
	}

	.Container .RightColumn .Content h3 {
		margin-top: 3rem;
		margin-bottom: 2rem;
		font-weight: 300;
		font-size: 2rem;
	}

	.Container .RightColumn .Content strong {
		font-weight: 400 !important;
	}

	.Container .RightColumn .Content a {
		font-weight: 700;
    	text-decoration-thickness: 0.1rem;
	}


	.Container .RightColumn .Content p, .Container .RightColumn .Content .Container .RightColumn .Content ul {
		line-height: 1.17rem;
		font-weight: 300;
		font-size: 0.88rem;
		padding: 0;
		margin: 0;
		padding-top: 1rem;
	}

	.ProssimiSpettacoli {
		margin: 0 10rem;
		margin-bottom: 2rem;
		display: block;
	}

	.ProssimiSpettacoli h4 {
		color: var(--Page_Text_Color);
		font-weight: 300;
		font-size: 2rem;
	}

	#EventsContainer {
   		display: inline-grid;
	    grid-template-columns: 1fr 1fr 1fr;
	    grid-column-gap: 1.5rem;
	}

	.faq {
		cursor: pointer;
		background-color:#f7f7f7;
    	padding:1rem;
    	margin-bottom:1rem;
    }

    .faq h4, .faq h3{
    	padding:0;
    	margin-bottom:0;
    }

    .faq h4 .fal.fa-angle-down {
    	float: right;
    	padding-right: 0.5rem;
    }

   	.faq P, .faq ul, .faq ol {
   		font-size: 1rem;
   		display: none;
    	margin-bottom:1rem;
    	padding-left:0;
    	padding-right:0;
    }

    .faq ul, .faq ol {
    	margin-left: 3rem;
    }

    .faq li {
    	font-size: 1rem;
    	line-height: 1.7rem;
    }

   	.faq P:first-of-type {
   		margin-top: 1rem !important;
   		border-top: 1px solid #d6d6d6;
    }


	@media screen and (max-width: 440px) {

		.HeroCover .PageTitle{
			margin: 0;
			top: 5rem;
			display: block;
			width: 100%;
			left: unset;
			text-align: center;
		}

		.ticketBtn {
			display:block;
		}

		.Container {
			display: block;
		}

		.Container .RightColumn .Content h3:first-child {
			line-height: 2.5rem;
		}

		.ProssimiSpettacoli {
			margin: 0 auto;
			width: 92%;
		}

		.ProssimiSpettacoli #EventsContainer {
			display: block;
		}

		.faq {
			padding: 1rem 0 1rem 0.5rem;
		}

		.faq h4 {
			margin: 0;
		}
	}