.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;
}
}