JSFiddle - React, Tailwind, and code Playground

CSS

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, div.paragraph, blockquote, fieldset, input { margin: 0; padding: 0; }
 ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input { margin: 0; padding: 0; }
 a img { border: 0; }
 a { text-decoration: none; }
 body { font-family: 'Open Sans', sans-serif; font-size: 13px; background: #fff; color: #555; line-height:24px; }
 .container { margin: 0 auto; width: 940px; }
 #page-wrap { background:url(theme/body-bg.jpg?1418308200) repeat; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; padding:27px 0px 20px; }
 #header-wrap {position: fixed; top: 0; z-index: 3; width: 100%; background: #FFF}
 #nav-wrap {  position: fixed;  top: 47px;   z-index: 2;}
 #banner-wrap, #nav-wrap, #main-wrap, #footer-wrap { width:100%; }
 h3 { font-size: 22px; padding: .2em 0 .2em 0; line-height: 1.2; font-weight: normal; letter-spacing: -1px; color: #333; margin-bottom:20px; }
 a { color: #f76d19; }
 a:hover { color: #cf4e00; }
 h2 { font-size: 22px; padding: .2em 0 .2em 0; line-height: 1.2; font-weight: normal; letter-spacing: -1px; color: #333; margin-bottom:20px; }
 div.paragraph { font-size: 13px; line-height:1.8; padding: .5em 0; }
 p { font-size: 13px; line-height:1.8; padding: .5em 0; }
 div#content {min-height:400px;}
 #logo, #logo a { font-family: 'Pacifico', cursive; font-size:48px; color:#444444; line-height:58px; overflow:hidden; text-shadow: 1px 1px 0px #ffffff; padding: 0px 50px; width: 100%; }
 #logo span {line-height:85px}
 #header { border-collapse: collapse; border-spacing: 0; }
 #header td { vertical-align: middle; text-align: left; }
 #logo { float:left; max-width:400px; }
 #header-right table { float: right; width: 1px; }
 #header-right td { padding: 5px 0px; }
 #header .phone-number .wsite-text { font-weight: 600; }
 #header-right .wsite-social { vertical-align: middle; float:right; }
 .wsite-social-item { width: 28px; height: 30px; margin: 1px 0 0 4px; }
...