<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <script src="https://kit.fontawesome.com/f5d05f7ae0.js" crossorigin="anonymous"></script> <div class="ts-987654321"> <div class="row"> <div class="col-10"> <div class="showmenu"> <ul class="nav"> <div class="row text-center"> <li class="nav-item"> <a class="nav-link active title" href="/bodyjumpers-resurrection">Body Jumpers: Resurrection</a></li> <li class="nav-item"> <a class="nav-link child cast-active" href="/bodyjumpers-resurrection/cast">Cast</a></li> <li class="nav-item"> <a class="nav-link child watch-active" href="/bodyjumpers-resurrection/episodes">Watch</a></li></div></ul></div></div> <div class="col-2"> <div class="social-links float-right"> <a class="hover-link instagram" href="https://www.instagram.com/10fstudios/" target="_blank"><i class="fab fa-instagram"></i></a> <a class="hover-link twitter" href="https://twitter.com/10fstudios" target="_blank"><i class="fab fa-twitter"></i></a> <a class="hover-link facebook" href="https://www.facebook.com/BodyJumpers/" target="_blank"><i class="fab fa-facebook"></i></a> </div></div></div></div>

body{background-color:#fff;color:#fff!important;} .showmenu a{color:#fff;font-weight:400;text-transform:uppercase;font-size:14px;letter-spacing:0.8px;} .ts-987654321{background-color:rgba(0,0,0,.4)!important;box-shadow:0 4px 7px rgba(0,0,0,.25);border-top:1px solid hsla(0,0%,100%,.1)!important;transition:background .4s ease-in-out;} .ts-987654321 .showmenu a:hover{color:#187fdd!important;} .ts-987654321 .title,.cast {color:#187fdd!important;} .social-links > a + a {margin-left:1rem;} .social-links > a .fab{font-size:25px;} .social-links{margin-top:5px;}