@media screen { h1, h2, h3, h4, h5, h6, .h1,.h2,.h3,.h4,.h5,.h6{ clear: both; line-height: $font__line-height-header; } h1,.h1 { font-size: $font__size-body*1.8; &.small { font-size: $font__size-body*1.5; } } h2,.h2 { font-size: $font__size-body*1.5; &.small { font-size: $font__size-body*1.2; } } h3,.h3 { font-size: $font__size-body*1.3; &.small { font-size: $font__size-body*1; } } h4,.h4 { font-size: $font__size-body*1.2; &.small { font-size: $font__size-body*0.9; } } h5,.h5 { font-size: $font__size-body*1.1; &.small { font-size: $font__size-body*0.8; } } h6,.h6 { font-size: $font__size-body*1.1; &.small { font-size: $font__size-body*0.8; } } .site-main { h1, h2, h3, h4, h5, h6, .h1,.h2,.h3,.h4,.h5,.h6, .entry-content { margin: 0; } } .single { h1,.h1 { font-family: $font__black; } } .home-featured { h2,.h2 { margin: 1.2rem 0; font-size: $font__size-body*2; line-height: 1.2; border-bottom: 0.6rem solid $color__black; } } } @media screen and (min-width: 48em) { h1,.h1 { font-size: $font__size-body*3.5; } h2,.h2 { font-size: $font__size-body*2.5; } h3,.h3 { font-size: $font__size-body*1.5; } h4,.h4 { font-family: $font__black; font-size: $font__size-body*1.3; } h5,.h5 { font-size: $font__size-body*1.3; } h6,.h6 { font-size: $font__size-body*1.3; } .home-featured { h2,.h2 { font-size: $font__size-body*3.5; border-bottom: 0.8rem solid $color__black; } } } @media screen and (min-width: 1440px) { h1,.h1 { font-size: $font__size-body*3.5; } h2,.h2 { font-size: $font__size-body*2.5; } h3,.h3 { font-size: $font__size-body*1.6; } h4,.h4 { font-family: $font__black; font-size: $font__size-body*1.4; } h5,.h5 { font-size: $font__size-body*1.4; } h6,.h6 { font-size: $font__size-body*1.4; } .home-featured { h2,.h2 { font-size: $font__size-body*3.5; border-bottom: 0.8rem solid $color__black; } } } @media screen and (min-width: 80em) { }