JSFiddle - React, Tailwind, and code Playground

HTML

<div id="cc-inner">
        <div class="custom-bg">
            <div class="table">
                <div class="table-row">
                    <div class="custom-bg-top"></div>
                </div>
                <div class="table-row">
                    <div class="custom-bg-center"></div>
                </div>
                <div class="table-row">
                    <div class="custom-bg-bot"></div>
                </div>
            </div>
        </div>
        <div id="content-wrap">
            <div id="header">
                <div class="container">
                    <div class="mail">
                        <a href="mailto:[email protected]">[email protected]</a>
                    </div>
                    <a href="#" class="logo"></a>

                    <div class="phone">
                        + 7 (727) 375-16-35
                    </div>
                    <div class="container">
                        <div class="mainNav1">
                            <ul>
                                <li id="cc-nav-view-2037135957"><a href="#">о компании</a></li>
                                <li id="cc-nav-view-2037122357"><a href="#">товары</a></li>
                                <li id="cc-nav-view-2037122457"><a class="current" href="#">услуги</a></li>
                                <li id="cc-nav-view-2037135457"><a href="#">контакты</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="content">
                    <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nec arcu ullamcorper, viverra ante non, posuere dui. Suspendisse egestas mi eu suscipit convallis. Nulla iaculis lorem aliquam condimentum convallis. Mauris tempus suscipit adipiscing. Morbi gravida nisi a rutrum pulvinar. In sit amet tristique nisi. Quisque nec sodales nisi. Aenean id...

CSS

.s-sprite,#header:after,.logo,.mail:after,.phone:after,.mainNav1 a.current:after,#cc-nav-view-2037135957 a,#cc-nav-view-2037122357 a,#cc-nav-view-2037122457 a,#cc-nav-view-2037135457 a,.footer:after,.custom-bg .custom-bg-top{background-image:url('http://s7.hostingkartinok.com/uploads/images/2014/08/20d4aa82ad046d6092cc5a87e1b7c83a.png');background-repeat:no-repeat}html,body{height:100%;margin:0;padding:0}body{font-family:TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;font-size:100%;line-height:1.5;background:#fff url("http://s7.hostingkartinok.com/uploads/images/2014/08/313e8487a0a7faa2233bd083973e2c3a.jpg") center top repeat-y}.container{width:1049px;margin:0 auto;position:relative}.container:before,.container:after{content:" ";display:table}.container:after{clear:both}#header{width:100%;position:relative;margin-bottom:38px}#header:after{content:'';background-position:0 -1663px;position:absolute;width:1292px;height:230px;top:0;left:50%;margin-left:-646px}#header .container{z-index:1}.logo{background-position:0 -2008px;width:368px;height:245px;display:block;margin:-58px auto 12px}.mail{padding-left:34px;font-size:18px;height:30px;line-height:30px;font-family:romulregular;text-transform:uppercase;color:#fff;text-shadow:-2px 0 rgba(0,0,1,0.75);position:absolute;top:26px;left:55px}.mail a{color:#fff !important;text-decoration:none !important}.mail:after{content:'';left:0;top:0;position:absolute;width:22px;height:30px;background-position:0 -2253px}.phone{padding-right:34px;font-size:18px;height:30px;line-height:30px;font-family:romulregular;text-transform:uppercase;color:#fff;text-shadow:-2px 0 rgba(0,0,1,0.75);position:absolute;top:26px;right:55px}.phone:after{content:'';right:0;top:0;position:absolute;width:25px;height:26px;background-position:0 -2305px}.mainNav1{font-size:18px}.mainNav1 ul{list-style:none;margin:0;padding:0}.mainNav1 ul:before,.mainNav1 ul:after{content:" ";display:table}.mainNav1 ul:after{clear:both}.mainNav1...