html, body {
    font-family: 'Droid Serif', serif;
    font-size: medium;
    line-height: 2.2em;
}
@media all and (max-width: 480px) { /* SCHERMI/RISOLUZIONI MICROBI  */
    html, body {
        font-size: small;
    }
}
@media all and (min-width: 481px) and (max-width: 1000px) { /* SCHERMI/RISOLUZIONI PICCOLI  */
    html, body {
        font-size: medium;
    }
}
@media all and (min-width: 1001px) and (max-width: 2559px) { /* SCHERMI/RISOLUZIONI MEDI e GRANDI */
    html, body {
        font-size: large;
    }
}
@media all and (min-width: 2560px){ /* SCHERMI/RISOLUZIONI ENORMI  */
    html, body {
        font-size: x-large;
    }
}
h1, h2, button, input, form, .nomeAutore, #topNavigator {
    font-family: 'Oswald', sans-serif;
}
h1 {    
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 1px;
    font-size: 2.5em;
    }
h2, .nomeAutore {
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 0 0 1px;
}
h3, h4, h5, h6 {
    font-weight: 400;
    font-style: italic;
    text-shadow: 0 0 1px;
}
a {
    transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out;
    outline: none !important;
}
a img {
    outline: none !important;
    border: 0 !important; 
}
@media all and (min-width: 1151px) and (max-width:1350px){
    #mainNav {
        font-size: 85%;
    }
}
@media all and (min-width: 1050px) and (max-width:1150px){
    #mainNav {
        font-size: 70%;
    }
}
#mainFooter {
    text-align: center;
}
.smaller {
    font-size: 70%;
}
.smallest {
    font-size: 50%;
}
.bigger {
    font-size: 130%;
}
.biggest {
    font-size: 150%;
}
.uppercased {
    text-transform: uppercase;
}
.lowercased {
    text-transform: lowercase;
}
@media all and (max-width: 1050px) {
    .smaller {
        font-size: 85%;
    }
}
.redError {
    color: #ce0600;
}
.underlined {
    text-decoration: underline;
}