h3 {
		font-size: 28px;
	}

	.section-heading {
		padding-top: 15px;
	}

	.marginbot-20 {
	    margin-bottom: 20px !important;
	}
  /* ===========================
  --- Works
  ============================ */

	#works > div {
		width: 75%;
	}

	#menu {
		z-index: 1000;
	}

	.owl-stage-outer, .owl-carousel .owl-wrapper-outer {
	    overflow: hidden;
	    position: relative;
	    width: 100%;
	    height:250px;
	}

	.owl-carousel .owl-item img {
		padding-right: 20px;
		height: 220px;
	}

	.item {
		width: 100%;
		position: relative;
		float: left;
	}

	.item img {
		display: block;
		width: 100%;
		height: auto;
	} 

	.dropdown-menu {
		background-color: #828BC5;
	}

	/*s*/

	#work-items-nav-drop {
		display: none;
	}

	.works-item p {
		text-align:left;
	}

	.justify-left {
		text-align:left;
	}

	.justify-center {
		text-align:center;
	}
	
	.subhead {
	    margin-bottom: 9px;
	    padding-bottom: 0;
	}
	#navigation-sticky-wrapper {
		height: 125px;
	}
	
	/* Subnav */
	.subnav {
	  width: 100%;
	  height: 150px;
	  background-color: #eeeeee; /* Old browsers */
	  background-repeat: repeat-x; /* Repeat the gradient */
	  background-image: -moz-linear-gradient(top, #f5f5f5 0%, #eeeeee 100%); /* FF3.6+ */
	  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	  background-image: -webkit-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Chrome 10+,Safari 5.1+ */
	  background-image: -ms-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* IE10+ */
	  background-image: -o-linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* Opera 11.10+ */
	  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );*/ /* IE6-9 */
	  background-image: linear-gradient(top, #f5f5f5 0%,#eeeeee 100%); /* W3C */
	  /*border: 1px solid #e5e5e5;*/
	  -webkit-border-radius: 4px;
	     -moz-border-radius: 4px;
		  border-radius: 4px;
	}
	.subnav .nav {
	  margin-bottom: 0;
	}
	.subnav .nav > li > a {
	  margin: 0;
	  padding-top:    11px;
	  padding-bottom: 11px;
	
	  border-right: 1px solid #e5e5e5;
	  -webkit-border-radius: 0;
	     -moz-border-radius: 0;
		  border-radius: 0;
	}
	.subnav .nav > .active > a,
	.subnav .nav > .active > a:hover {
	  padding-left: 13px;
	  color: #777;
	  background-color: #e9e9e9;
	  border-right-color: #ddd;
	  border-left: 0;
	  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
	     -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
		  box-shadow: inset 0 3px 5px rgba(0,0,0,.05);
	}
	.subnav .nav > .active > a .caret,
	.subnav .nav > .active > a:hover .caret {
	  border-top-color: #777;
	}
	.subnav .nav > li:first-child > a,
	.subnav .nav > li:first-child > a:hover {
	  border-left: 0;
	  padding-left: 12px;
	  -webkit-border-radius: 4px 0 0 4px;
	     -moz-border-radius: 4px 0 0 4px;
		  border-radius: 4px 0 0 4px;
	}
	.subnav .nav > li:last-child > a {
	  border-right: 0;
	}
	.subnav .dropdown-menu {
	  -webkit-border-radius: 0 0 4px 4px;
	     -moz-border-radius: 0 0 4px 4px;
		  border-radius: 0 0 4px 4px;
	}

	.narrow-width {
	  width: 180px;
	}
	.jumbotron {
	    position: relative;
	}

	.modal {
		width: 800px;
		height: auto;
		left: 39%;
		top:35%;
	}

	.modal-body {
		max-height: 800px;
		overflow-y: auto;
		padding: 15px;
	}
	
	.btn-primary {
	    background-color: #0074CC;
	    background-image: -moz-linear-gradient(center top , #0055CC, #032E91);
	    background-image: -webkit-linear-gradient(top, #05C, #032E91);
	    background-repeat: repeat-x;
	    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	}

	.nav > li > a:focus {
		text-decoration: none;
		background-color: #C3C4E2;
		color: #000;
	}

	.nav > li > a {
		position: relative;
		display: block;
		padding: 5px 7px;
		font-size: 14px;
	}

	.subnav-fixed {
		position: fixed;
		top: 125px;
		left: 0;
		right: 0;
		background-color: #fff;
		background-image: unset;
		text-align: center;
		z-index: 900;
		height: 180px;
		padding-top: 20px;
		height:160px;
	}


	.subnav .subnav-fixed > div {
		width: 970px;
		background-color:#fff;
		height: 50px;
	}

	.subnav-fixed .nav {
		background-color: #828BC5;	// #828BC5
		background-image: unset;
		display: inline-block;
		/*width:80%;*/
		/*margin-top:2px;*/
	}

	.subnav-fixed > ul {
		/*width: 75%;*/
		/*margin-left: auto;
		margin-right: auto;
		padding-left: 15px;
		padding-right: 15px;*/
		display: inline-block;
		/*max-width: 660px;*/ /* for  below IE7 use `width: 660px;` */
		margin: 0 auto;
	}

	.subnav-fixed ul li a {
		color: #fff;
		font-weight:bold;
	}

	.subnav-fixed ul li a:hover {
		color: #000;
		background-color:#C3C4E2;
	}

	.section-heading h2 {
		font-size: 36px;
	}

	.heading {
		margin-bottom: 0px;
	}

	.home-section {
		padding-top: 20px;
		padding-bottom: 110px;
		display: block;
		position: relative;
		z-index: 120;
	}

	.sst {
		padding-top: 160px;
	}

	.anchor {
		padding-top:5px;
		/*background: #fff;*/
		color: #000;
		padding-top: 300px;		/*(180 + 86)px;*/
		pointer-events:none;
	}

	#logo2 {
		height: 0;
	}
	
	/* Fixed subnav on scroll, but only for 980px and up (sorry IE!) */
	@media (max-width: 980px) {
	  	.subnav-fixed {
		    /*position: fixed;
		    top: 52px;*/
		    left: 0;
		    right: 0;
		    z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
		    border-color: #d5d5d5;
		    border-width: 0 0 1px; /* drop the border on the fixed edges */
		    -webkit-border-radius: 0;
		       -moz-border-radius: 0;
			    border-radius: 0;
		    -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
		       -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			    box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
		    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
		    /*background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);*/
	  	}

		.subnav-fixed .nav {
			padding: 0 1px;
			background-color: #828BC5;
		}

		.subnav-fixed ul li a {
			color: #fff;
			font-weight:bold;
		}

		.subnav .nav > li:first-child > a,
		.subnav .nav > li:first-child > a:hover {
			-webkit-border-radius: 0;
		   -moz-border-radius: 0;
		    border-radius: 0;
		}
	}

	@media (min-width: 1200px) {
		#works > div {
			width: 75%;
		}

	}


	@media (min-width: 767px) {

		.subnav-fixed .nav {
			/*width: 90%;*/
			margin-top: 1px;
			padding: 0 10px 0 10px;
			background-color: #828BC5;
			background-image: unset;
			display: inline-block;
		}

		.nav > li > a {
			font-size: 12px;
		}

		.col-md-10 {
			width: 50%;
		}
	}

	@media (max-width: 1199px) {
		.container {
			width: 1110px;
		}

		#works > div {
			width: 85%;
		}

		#work-items-nav {
			padding-left: 75px;
		}


	}

	@media (max-width: 1080px) {
		.container {
			width: 100%;		//870px;
		}

		.col-md-10 {
			width: 48%;
		}

		#work-items-nav {
			padding-left: 15px;
		}

		.subnav-fixed .nav {
			width: auto;
		}

		.subnav .nav > li > a {
			width: 97%;
			line-height: 1.3;
		}
	}

	@media (max-width: 990px) {
	
		.col-md-10 {
			width: 53%;
		}
	}

	@media (max-width: 950px) {
		#work-items-nav li > a {
			padding-left: 2px;
			padding-right: 2px;
		}
	}

	@media (max-width: 870px) {
		#work-items-nav-drop {
			display: inline-block;
			margin-left: 57%;
		}

		#work-items-nav {
			display: none;
		}

		.nav > li > a {
			padding: 5px 5px;
			font-size: 12px;
		}

		.subnav-fixed .nav {
			width: auto;
		}

		.col-md-10 {
			width: 45%;
		}

		.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
			/* background-color: #eee; */
			background-color: unset;
			border-color: #828BC5;
		}

		.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
			padding-left: 5px;
			width: 100%;
		}

		.nav-container {
			position: absolute;
    		top: 40px;
    		left: 100px;
		}

		.subnav-fixed {
			height: 120px;
		}

		.home-section {
			padding-top: 130px;
		}

		.dropdown-menu {
			left: -75px;
		}
	}

	/*@media (max-width: 768px) {*/
	@media (max-width: 820px) {
		
		.col-md-10 {
			width: 50%;
		}
		
		#navigation {
			z-index: 9000;
		}

		#work-items-nav-drop {
			display: inline-block;
		}

		#work-items-nav-drop {
			display: inline-block;
			margin-left: 42%;
		}

		.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after {
			content: " ";
			display: table;
		}
	
	  	.subnav-fixed {
			left: 0;
			right: 0;
			z-index: 1020;
			border-color: #d5d5d5;
			border-width: 0 0 1px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
			/* background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%); */
			display: inline-block;
		}

		.subnav .nav > li {
			float: left;
		}
		.subnav .nav > li > a {
			border: 0;
		}
		.subnav .nav > li + li > a {
			border-top: 1px solid #e5e5e5;
		}
		.subnav .nav > li:first-child > a,
		.subnav .nav > li:first-child > a:hover {
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
		      border-radius: 4px 4px 0 0;
		}
	}
	@media (max-width: 767px) {
		.container {
			width: 100%;
		}

		.col-md-10 {
			width: 50%;
			float: right;
		}

		.navbar-toggle {
			float: unset;
		}

		#navigation {
			background: #fff;
			z-index: 9999;
			width: 100%;
			box-sizing: border-box;
			border-bottom: 1px solid #eee;
			box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
			z-index: 9000;
			padding: 0px 0;
		}

		#work-items-nav-drop {
			display: inline-block;
		}

		#work-items-nav-drop {
			display: inline-block;
			margin-left: 35%;
		}

		.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after {
			content: " ";
			display: table;
		}
	
	  	.subnav-fixed {
			left: 0;
			right: 0;
			z-index: 1020;
			border-color: #d5d5d5;
			border-width: 0 0 1px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			-webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			-moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
			filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
			/* background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%); */
			display: inline-block;
			height: 100px;
		}

		.subnav .nav > li {
			float: left;
		}
		.subnav .nav > li > a {
			border: 0;
		}
		.subnav .nav > li + li > a {
			border-top: 1px solid #e5e5e5;
		}
		.subnav .nav > li:first-child > a,
		.subnav .nav > li:first-child > a:hover {
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
		      border-radius: 4px 4px 0 0;
		}

		.home-section {
			padding-top: 110px;
		}

		.marginbot-20 {
			margin-bottom: 0px !important;
		}

		.owl-theme .owl-controls {
			margin-top: 0px;
		}

		.nav-container {
			top: 20px;
		}

		.navbar-header button.navbar-toggle {
			margin-left: 110px;
		}
	}

	@media (max-width: 720px) {

		.subnav-fixed {
			top: 68px;
			width: 100%;
			height: 80px;
		}

		#navigation {
			width: 100%;
		}

		#work-items-nav-drop {
			   margin-left: 35px;
    		font-size: 10px;
    		width: 20%
		}

		h2 {
			font-size: 24px;
		}

		h3 {
			font-size: 20px;
		}


		.dropdown-menu {
		    left: -175px;
		}
	}