div.maschera 		{ box-shadow: 0 2px 9px rgb(90, 90, 90); background-repeat: no-repeat; height: calc(90vh - 94px); background-color: #0d2d26; width: 100%; background-image: url(/images/maschera.png); background-position: right; }

div.invite 		{ padding-top: 110px; margin-right: 50%; height: calc(90vh - 234px); width: 40%; display: inline-block; }
div.invite h1 		{ margin: 0; font-family: Pinyon Script; font-size: 90px; line-height: 83px; color: white; text-shadow: 0 0 7px rgb(206, 124, 206); text-align: right; margin-top: 20px; margin-bottom: 20px; }
div.invite h2 		{ color: white; margin: 0; text-align: left; text-shadow: none; text-shadow: 0 0 3px rgb(206, 124, 206); font-size: 30px; }
.invite h2:nth-of-type(2) { text-align: right; }

div.information 	{ padding-top: 25px; padding-bottom: 25px; }

div.wide 		{ /*overflow: hidden; max-height: calc(100vh - 94px);*/ box-shadow: 0px -2px 7px rgba(132, 132, 132, 0.45); }
.wide img 		{ width: 100vw; vertical-align: middle; }

.information ul li 	{ margin-top: 8px; margin-bottom: 8px; font-size: 20px; }

@media (max-device-width: 480px) {
	div.invite 	{ width: auto; margin-right: auto; padding-bottom: 35px; padding-left: 8px; padding-right: 8px; }
	div.maschera 	{ background-size: 275px; background-position: top right; height: auto; }
	#main .maschera div.invite h1	{ font-size: 60px; font-weight: bold; }
}