/** ----------------------------------------------------------
 * BASE TYPOGRAPHY
 * ------------------------------------------------------- */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800');

body {
    font-size: 11px; /* This overrides the browsers default font size */
    line-height: 20px; /* If you change the font-size make sure you change the line-height value as well - the usual ratio is around 1.5 (font-size x 1.5 = line-height) */
    margin-bottom: 0;
    color: #333333;
    font-family: 'Open Sans', sans-serif;
}

.typography {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.typography p { 
    font-size: 14px; 
    line-height: 20px;
    color: #333333;
    font-weight: 400;
}

.typography strong{
    font-weight: bold;
}

.typography em{
    font-style: italic;
}

/* ----------- LINK ------------- */

.typography a {
    text-decoration: none;
    color:#333333;
    transition: .3s;
}

.typography a:hover {
    text-decoration: none;
    color:#333333;
}

a{

    text-decoration: none;

}

/* ---------- INTESTAZIONI ----------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 1px;
}

.typography h1 {
  font-size: 36px;
  line-height: 45px;
  margin: 0 0 25px 0;
  padding-bottom: 5px;
}
.typography h2 { font-size: 28px; line-height: 35px; margin-bottom: 10px; font-weight: 600;}
.typography h3 { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.typography h4 { font-size: 18px; line-height: 25px; margin-bottom: 5px; }
.typography h5 { font-size: 16px; line-height: 20px; margin-bottom: 5px; }
.typography h6 { font-size: 14px; line-height: 20px; font-weight: bold; margin-bottom: 5px; }