main div.page#twitch {
	position: relative;
	background-color: var(--grigio);
	min-height: 100vh;
	height: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

main div.page#twitch div.titleContainer {
	position: relative;
	width: 100%;
	font-family: 'GBlack';
	font-size: 30px;
	line-height: 35px;
	color: var(--rosa);
	padding-bottom: 75px;
	margin-top: 150px;
	text-align: center;
}

main div.page#twitch div#twitch-embed {
	position: relative;
	width: 80%;
	min-width: 400px;
	max-width: 1200px;
	z-index: 2;
	padding-bottom: 50px;
	margin: auto;
}

/*main div.page#twitch iframe {
	position: relative;
	width: 80%;
	min-width: 400px;
	max-width: 1200px;
	z-index: 2;
	padding-bottom: 50px;
}*/

main div.page#twitch div.decoroCont {
	position: absolute;
	top: 0;
	left: 0;
	min-height: 100%;
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: end;
	z-index: 1;
}

main div.page#twitch div.decoroCont div.decoro {
	position: relative;
	width: 50%;
	min-height: 100vh;
	height: auto;
	background-repeat: no-repeat;
	background-size: 50%;
}

main div.page#twitch div.decoroCont div.decoro:nth-child(1) {
	background-image: url("../img/decoroSx.png");
	background-position: left bottom;
}

main div.page#twitch div.decoroCont div.decoro:nth-child(2) {
	background-image: url("../img/decoroDx.png");
	background-position: right bottom;
}

main div.rotate {
	position: absolute;
	width: 100%;
	min-height: 100vh;
	z-index: 3;
	display: none;
	justify-content: center;
	align-items: center;
}

/* Per iPhone portrait*/
@media only screen
	and (max-device-width: 800px)
	and (min-device-height:  480px)
	and (orientation:portrait) {
		main div.page#twitch div.titleContainer {
			font-size: 27px;
		}

		main div.page#twitch div#twitch-embed {
			min-width: 200px;
		}

		main div.rotate {
			display: flex;
			background-color: rgba(150, 150, 150, 0.7);
		}
	}