Career page2

careers.html

@@ -111,7 +111,7 @@
 					<li><a href="#stats-wrap">states</a></li>
 					<li><a href="#news-wrap">news</a></li> -->
 						
-						<li class="active"><a data-id ="contact-wrap" class="home_link" href="#contact-wrap">contact</a></li>
+						<li class=""><a data-id ="contact-wrap" class="home_link" href="#contact-wrap">contact</a></li>
 						<li class="active" ><a href="careers.html">careers</a><span class="nav-active-mark"></span</li>
 						<li ><a href="portfolio.html">portfolio</a>></li>
 					</ul>

index.html

@@ -608,7 +608,7 @@
 		<section id="services" class="services general-section clearfix">
 			<!--<div class="section-triangle-dark"></div>-->
 			<div class="section-title">
-				<h2>CAREERS</h2>
+				<h2>Services</h2>
 				<h5>See all we have to offer you</h5>
 			</div>
 			<div class="services-intro">

portfolio.html

@@ -95,7 +95,7 @@
 					<li><a href="#news-wrap">news</a></li> -->
 						<li><a  data-id ="contact-wrap" class="home_link" href="index.html">contact</a></li>
 						<li  ><a href="careers.html">careers</a></li>
-						<li class="active"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
+						<li class="active portfolio"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
 					</ul>
 				</nav><!-- end Navigation -->
 				<nav id="mobile-navigation">
@@ -112,7 +112,7 @@
 						
 						<li><a data-id ="contact-wrap" class="home_link" href="#contact-wrap">contact</a></li>
 						<li  ><a href="careers.html">careers</a></li>
-						<li class="active"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
+						<li class="active portfolio"><a href="portfolio.html">portfolio</a><span class="nav-active-mark"></span></li>
 					</ul>
 				</nav><!-- end Navigation -->
 			</header>

scripts/custom.js

@@ -35,6 +35,17 @@ jQuery(document).ready(function($){
     $('.position').on('click', function(ev) {
         //ev.preventDefault();
         
+        $(this).find(".chev").toggleClass('chevron--down chevron--up');
+        $(this).closest(".position-cont").find(".collapse").toggleClass("show");
+       
+        $(this).toggleClass("active"); //css({"background-color": "#993c95", "color": "white"});            
+        
+
+        expand= !expand;
+    });
+    $('.chev').on('click', function(ev) {
+        //ev.preventDefault();
+        
         $(this).toggleClass('chevron--down chevron--up');
         $(this).closest(".position-cont").find(".collapse").toggleClass("show");
        

style.css

@@ -664,7 +664,7 @@ p .bold-team-info,
     border-bottom-style: solid;
     border-bottom-width: 10px;
     position: absolute;
-    bottom: -20px;
+    bottom: -13px;
     left: 43%;
 }
 /* Mobile Navigation */

styles/custom.css

@@ -1,6 +1,10 @@
 a:hover{
 text-decoration: none!important;
 }
+/* #navigation ul li.active.portfolio .nav-active-mark
+{
+    bottom: -20px;
+} */
 .red-background
 {
     background-color: #cd1e28
@@ -312,15 +316,19 @@ text-decoration: none!important;
 }
 @media (max-width: 768px){
     #gallery .gallery-box
-{
-    padding: 0px 50px;
-}
+    {
+        padding: 0px 50px;
+    }
+    .careers-intro
+    {
+        flex-direction: column;
+    }
 }
 @media (max-width: 480px){
     #gallery .gallery-box
-{
-    padding:0px;
-}
+    {
+        padding:0px;
+    }
     .chevron
     {
         right:20px;