Template:Pagina principale/styles.css

.main-page-block-heading {
	border-radius: 100px;
	font-weight: bold;
	font-size: 110%;
	margin: 1.5em 0;
	padding: .2em .4em;
}

.main-page-responsive-columns > div:first-of-type .main-page-block-heading {
	background-color: #80c0e0;
	border: 1px solid #406090;
}

.main-page-responsive-columns > div:last-of-type .main-page-block-heading {
	background-color: #e0f0f0;
	border: 1px solid #d0e0e0;
}

@media all and ( min-width: 900px ) {
	.main-page-block-heading {
		margin: 0 0 1em;
	}

	.main-page-responsive-columns {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.main-page-responsive-columns > div {
		margin: .5em 0;
		text-align: left;
	}

	.main-page-responsive-columns > div:first-of-type {
		flex: 1.4 1;
		margin-right: 1em;
	}

	.main-page-responsive-columns > div:last-of-type {
		border-left: 1px solid #d0e0e0;
		flex: 1 1;
		padding-left: 1em;
	}
}

/* Da rivedere dopo aver rimosso gli stili in linea dal codice html */
@media all and ( max-width: 900px ) {
	.nomobile {
		display: none;
	}

	.main-page-header {
		background-color: inherit !important;
		border: none !important;
		text-align: left !important;
	}

	.main-page-header > div:first-of-type {
		margin: 0 !important;
		padding: 0 !important;
	}

	.main-page-header > div:first-of-type > div:last-of-type {
		text-align: center !important;
	}
}