@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700|Roboto:300,400,700');

body {
   font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #706f6f;
    -webkit-font-smoothing: antialiased;
    
}
 
h1,h2,h3 { font-family: 'Roboto Condensed', sans-serif;     display: block;
    position: relative;
    margin: 0;
}  

img {
    vertical-align: middle;
    max-width: 100%;
}

#logo { text-align: center; margin-bottom: 25px; margin-top: 25px;}
a:hover { text-decoration: none;}
.sez { text-align: center;}
.sez h3 { font-size: 1.5em;} 
.sez h2 a{ color: #fff; text-transform: uppercase; padding: 10vh 0; display: block; position: relative; font-size: 2em; line-height: 1em;}
h2 a span { display: block;}
#topic1 h2{ background-image: url(../economia.jpg);}
#topic2 h2{ background-image: url(../lavoro.jpg);}
#topic4 h2{ background-image: url(../welfare.jpg);}
#topic5 h2{ background-image: url(../ambiente.jpg);}
#topic6 h2{ background-image: url(../scuola.jpg);}
#topic7 h2{ background-image: url(../cultura.jpg);}
#topic3 h2{ background-image: url(../sanita.jpg);}
#topic9 h2{ background-image: url(../giustizia.jpg);}
#topic10 h2{ background-image: url(../immigrazione.jpg);}
#topic11 h2{ background-image: url(../sicurezza.jpg);}
#topic12 h2{ background-image: url(../mezzogiorno.jpg);}
#topic13 h2{ background-image: url(../donne.jpg);}
#topic8 h2{ background-image: url(../esteri.jpg);}
.sez h2{ background-size: cover; background-position: center center; background-color: darkgray;}
.sez .cont { text-align: justify; padding: 15px; display: none;}
.sez.attivo .cont { display: block;}
.sez h3 { text-align: center; margin-bottom: 10px;}
#scroll { position: fixed; bottom:5px; right: 5px; opacity: 0.5; display: none; z-index: 100;}
#scroll.attivo { display: block;}
#altro { margin-top: 25px; font-size: 1.5em; }
.titolo { font-size: 5.5em; text-align: center; text-transform: uppercase; line-height: 0.9; margin-bottom: 25px; color: #009EE3; font-family: 'Roboto Condensed', sans-serif;}
.hash { font-size: 4.5em; text-align: center; line-height: 0.9; margin-bottom: 25px; color: #009EE3; font-weight: bold; margin: 25px 0; font-family: 'Roboto Condensed', sans-serif;}
.hash2 { font-size: 4.5em; text-align: center; line-height: 0.9; margin-bottom: 25px;  font-weight: bold; margin: 25px 0; font-family: 'Roboto Condensed', sans-serif;}
@media (max-width: 767px){
    .titolo { font-size: 2.5em; }
    .hash { font-size: 1.5em;}
     .hash2 { font-size: 1.5em;}
    .sez h2 a{ font-size: 1.2em; padding: 0; height: 125px; }
    .sez h3 { font-size: 1.1em;} 
    
}