/* Headings and body text */
body h1, body h2, body h3, body h4, body h5, body h6 {margin: 0 0 16px; line-height: 1.25; color: #111;}
body h1 {font-size: 28px; font-weight: 700; letter-spacing: -0.01em;}
body h2 {font-size: 22px; font-weight: 700;}
body h3 {font-size: 18px; font-weight: 600;}
body h4 {font-size: 16px; font-weight: 600;}
body h5 {font-size: 15px; font-weight: 600;}
body h6 {font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em;}
body p {margin: 0 0 16px;}
body p.lead {font-size: 18px; color: #333;}
body small {font-size: 13px; color: #555;}
body ul, body ol {margin: 0 0 16px; padding-left: 24px;}
body li {margin-bottom: 6px;}
body strong, body b {font-weight: 700;}
body em, body i {font-style: italic;}
@media (min-width: 768px) {
    body h1 {font-size: 36px;}
    body h2 {font-size: 28px;}
    body h3 {font-size: 20px;}
    body p.lead {font-size: 20px;}
}
@media (min-width: 1024px) {
    body h1 {font-size: 44px;}
    body h2 {font-size: 32px;}
}