body {
    font-family: 'Open Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5 {
    font-weight: 400;
    word-break: break-word;
    font-family: 'Oswald', sans-serif;
}

h1.sub,
h2.sub,
h3.sub,
h4.sub,
h5.sub {
    font-weight: 200;
}

.title {
    font-family: 'Oswald', sans-serif;
}


/*

in sketch primo numero dimensione, secondo interlinea

h1
xxl: title 2
xl: title 3
l: title 3
m: title 4
s: title 5


h3
xxl: title 4
xl: title 4
l: title 5
m: title 5
s: body 1

h3 sub (extra light)
xxl: title 5
xl: title 5
l: body 1
m: body 1
s: body 2 (regular)

p standard
xxl: body 2
xl: body 2
l: body 3
m: body 3
s: body 3


p testi lunghi
xxl: body 3
xl: body 3
l: body 3
m: body 3
s: body 3

*/

h1 {
    font-size: 2.5rem;
    line-height: 2.8rem;
}

@media only screen and (max-width: 760px) {
    h1 {
        font-size: 2.4rem;
        line-height: 2.6rem;
    }
}

h2 {
    font-size: 2rem;
    line-height: 2.3rem;
}

h3,
h4,
h5,
h6 {
    font-size: 1.2rem;
    line-height: 1.5rem;
}

article li,
p {
    font-size: 1.1rem;
    line-height: 1.6rem;
}

.negative h1,
.negative h2,
.negative h3,
.negative h4,
.negative h5,
.negative h6 {
    color: #fff;
}

p {
    font-weight: 400;
}

p.title {
    font-weight: 700;
}

b,
strong {
    font-weight: 700;
}

article li {
    margin-bottom: .5rem;
}