Как создать двойную нижнюю рамку в CSS

Я хочу создать двойную рамку внизу заголовка с двумя линиями разной толщины и промежутком в 1 пиксель между ними. В частности, верхняя линия толщиной 2 пикселя и нижняя линия 1 пиксель.

Вот пример изображения того, чего я стремлюсь достичь эстетически -

Другой веб-сайт, который использовал этот аспект дизайна - http://www.rollingstone.com/

До сих пор я пытался - "граница снизу: 1px Solid #000;" без везения. Буду признателен за любые дальнейшие предложения

Большое спасибо