<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="logo"> <p>the</p> <h2>walking dead</h2> </div>

body{ font-family: impact, sans-serif; font-size: 62.5%; padding-top: 8%; text-transform: uppercase; background: url(http://patrick-cox.com/bg-twd.png) no-repeat center center fixed; background-size: cover; } .logo{ width: 600px; margin: 0 auto; position: relative; } p, h2{ color: #fff6d9; z-index: 50; text-shadow: 0 4px 26px #000; } p:before{ content: "THE"; position: absolute; color: #8b6b44; z-index: 0; mask-image: url(http://patrick-cox.com/texture.png); } p{ font-size: 1.6rem; padding-left: 90px; } p:after{ content: "the"; position: absolute; color: #d5bf98; z-index: 100; mask-image: url(http://patrick-cox.com/texture-2.png); left: 90px; } h2:before{ content: "WALKING DEAD"; position: absolute; color: #8b6b44; z-index: 0; mask-image: url(http://patrick-cox.com/texture.png); } h2{ font-size: 6.4rem; } h2:after{ content: "WALKING DEAD"; position: absolute; color: #d5bf98; z-index: 100; mask-image: url(http://patrick-cox.com/texture-2.png); left: 1px; }