h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
	font-weight: lighter;
}
p {
    font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

li, div, cite, dt, dl, th, td, caption, pre {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
strong {
	font-weight: 500;
}

@media (max-width: 1023px) {
    h1 { font-size: 45px; line-height: 45px; margin-bottom: 16px; margin-top: 16px; }
    h2 { font-size: 35px; line-height: 35px; margin-bottom: 16px; margin-top: 16px; }
    h3 { font-size: 30px; line-height: 30px; margin-bottom: 16px; margin-top: 16px; }
    h4 { font-size: 25px; line-height: 25px; margin-bottom: 16px; margin-top: 16px; }
    h5 { font-size: 20px; line-height: 20px; margin-bottom: 16px; margin-top: 16px; }
    h6 { font-size: 19px; line-height: 19px; margin-bottom: 16px; margin-top: 16px; }
    p, li, div, cite, dt, dl, th, td, caption, pre { font-size: 16px; line-height: 22px; margin-bottom: 23px; }
    div { margin-bottom: 0; }
}