/*All Devices with Responsive Nav*/
@media (min-width: 320px) and (max-width: 736px) {
.home-header .welcome {
padding-top: 50px;
padding-bottom: 50px;
}
	.home-header {
background-position: left;
}
.welcome img{
display:none;	
}

.why {
background-image: none;
}

.about {
background-position: -48px center;
}

.main-nav{
padding-top: 20px;
padding-bottom: 40px;
}

.main-nav .col-sm-9{
width: 100%;
}
.navbar-toggle{
padding: 15px 10px;
margin-top: 0px;
margin-bottom: 0px;
z-index: 99999;
top:-10px;
}
.navbar-toggle .icon-bar{
width: 28px;
height: 3px;
}
.navbar-default .navbar-toggle .icon-bar{
background-color: #000;
}
	.navbar-toggle .icon-bar+.icon-bar{
		margin-top: 6px;
	}

	.navbar-collapse.lower-navbar{
	background-color: rgba(0, 0, 0, 0);
text-align: center;
margin-top: 10px;
	}
	ul.nav.navbar-nav{
	margin: 10px 0px 10px;
	float: none;
	padding-top: 10%;
	}

	.under-center:hover:before, .under-center:focus:before, .under-center:active:before{
	left: 100px;
right: 100px;
bottom: 8px;
height: 2px;
	}

	#main.above-foot{
padding-top: 50px;
padding-bottom: 0px;
	}


.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{
background-color:#fff;
}
ul.dropdown-menu{
text-align:center;
}

.footer{
padding: 30px 0px;
font-size: 10px;
	text-align: center;
}
.footer img{
margin-bottom: 15px;
}


.home-header::before {
background-color: rgba(3, 81, 122 ,.75);
width: 100%;
height: 600px;
}

.apply-bar {
background-position: right;
}	

	.parallax-window.interior {
background-position: center;
}
	.interior-header h1 {
font-size: 30px;
}
	
	.soc-header {
right: 42%;
z-index: 99;
}
	.soc-header .list-inline>li {
width: 15px;
height: 15px;
margin: 0 0px;
font-size: 8px;
padding-right: 2px;
padding-left: 2px;
}
	
}

/*iPhone 5 Portrait*/
@media (min-width: 319px) and (max-width: 321px) {

}



/*iPhone 5 Landscape*/
@media (min-width: 566px) and (max-width: 569px) {


}



/*iPhone 6 Portrait*/
@media (min-width: 374px) and (max-width: 376px) {


}




/*iPhone 6 Plus Portrait */
@media (min-width: 413px) and (max-width: 415px) {




}





/*TABLET Portrait*/
@media (min-width: 768px) and (max-width: 1023px) {
.nav>li>a{
padding: 10px 14px;
font-size: 14px;
}
ul.nav.navbar-nav{
margin: 75px auto 0px;
display: table;
float:none;
}
.main-nav{
padding-bottom: 10px;
}
#main.above-foot{
padding-top: 150px;
}



.foot-copy, .foot-copy .text-right{
font-size:8px;
}
.logo{
    width: 50%;
    left: 25%;
    top: -22px;
}

.main-nav {
	padding-top: 50px;
}

.why {
background-position: -250px center;
}
.map-info li:first-of-type:after {
top: 4px;
}
.why.pad-50 {
background-image: none;
padding-top: 14px;
}
	
.parallax-window.interior {
background-position: center -58px;
}	
.home-header .welcome {
padding-top: 80px;
padding-bottom: 80px;
}
	.footer {
font-size: 10px;
}
}


/*Tablet Landscape*/
@media (min-width: 1024px) and (max-width: 1200px) {
ul.nav.navbar-nav{
margin: 0px 0px 0px;
}
.nav>li>a{
padding: 10px 15px 10px;
font-size: 14px;
}

.foot-copy{
font-size: 12px;
}


#main.above-foot{
padding-top: 200px;
}

.why ul li {
font-size: 12px;
}
.why.pad-50{
background-size: 60%;
padding-top: 25px;
}
		.soc-header {
right: 5%;
}

}




@media screen and (min-width: 768px) {
	.why ul, .about-page ul, .candidates-page ul, .employers-page ul  {
		display:-moz-inline-stack;
		display:inline-block;
		zoom:1;
		*display:inline;
	  margin: 25px 0;
	}

	.why ul {
		margin: 10px 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.home-header .col-sm-5 {
	    margin-top: 5%;
	}

	.about img {
		top: -53px;
		left: 5%;
	}

	.why img {
		width: 450px;
		top: 30px;
		left: 0;
	}

	.map-info {
		
	}

	.map-info img {
		width: 90px;
		padding-top: 17px;
	}

	.map-info li {
		font-size: 14px;
	}

	#map {
		height: 243px;
	}

	.logo {
		width: 200px;
		top: -4px;
	}

	.nav>li>a {
		padding: 10px 12px 10px;
	}

	.main-nav {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.other-page .col-md-7 {
	  padding-top: 0;
	}

	.other-page h2 {
		margin-top: 10px;
	}


}

@media screen and (max-width: 1023px) {
	.above-nav span {
	  display: none;
	}




}

@media (min-width: 992px) and (max-width: 1023px) {
	.logo {
		width: 24%;
		left: 38%;
		top: -10px;
	}

	.main-nav {
		padding-top: 50px;
	}



}

@media screen and (max-width: 991px) {
	.about img {
	position: relative;
width: 100%;
display: block;
margin: 72px auto 25px;
	}

	.why img {
		position: static;
		width: 50%;
		display: block;
		margin: 0 auto -50px;
	}

	.map-info {
		text-align: center;
		padding-top: 50px;
	}

	.map-info img {
		margin-bottom: 25px;
		padding-top: 0;
	}

	.map-info ul {
  	display:-moz-inline-stack;
  	display:inline-block;
  	zoom:1;
  	*display:inline;
  }

	.map-info ul li {
		text-align: left;
	}


}

@media (min-width: 768px) and (max-width: 991px) {
	.home-header {
		background-position: 25% 0;
	}

	#map {
		height: 363px;
	}

	.map-info img {
		width: 100px;
	}

	.apply-bar p {
		padding: 2% 10% 1%;
	}

	.other-page .col-md-5 {
	  padding-top: 0;
	}

	.other-page .col-md-7 {
	  padding-top: 0;
	}




}



@media screen and (max-width: 767px) {
	#hamburger {
		top: 3px;
	}

	.above-nav .text-left, .above-nav .text-right {
		font-size: 10px;
		text-align: center !important;
	}

.home-header {
    background-position: left;
}

	.main-nav {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}

	.logo{
		position: absolute;
		top: 3px;
		width: 165px;
		display: table;
	}

	.logo img{
	width: 100%;
	margin-left: 5px;
	}

	.foot-copy, .foot-copy .text-right{
	text-align: center !important;
	font-size:8px;
	}

	.footer p {
		padding-right: 0;
	}

	.about {
		padding-top: 75px;
	}
	 .why {
padding-top: 25px;
}

	.apply-bar {
		padding: 75px 0;
	}

	.apply-bar p {
		padding: 5% 0;
	}

.why img {
		width: 75%;
	}

	.why img {
		margin-top: 25px;
	}

	#map {
		height: 250px;
	}

	.footer span {
		display: none;
	}

	.parallax-window.interior {
		min-height: 164px;
	}

	.why .bottom-list, .about-page .bottom-list, .candidates-page .bottom-list, .employers-page .bottom-list  {
	  margin-top: -10px;
	}

	.about-page img, .candidates-page img, .employers-page img {
		padding-bottom: 25px;
	}

	.footer img {
width: 50%;
		margin-bottom: 25px;
	}

.about-page h3, .candidates-page h3, .employers-page h3 {
margin-bottom: 4%;
text-align: left;
font-size: 20px;
line-height: 1.4;
}

	.contact-page img {
	  width: 200px;
	}

	.other-page .col-md-7 {
	  padding-top: 25px;
	}


}


@media (min-width: 683px) and (max-width: 685px) {
.footer img {
width: 40%;
}
	.home-header {
background-position: center;
}
	.home-header .welcome {
padding-top: 0px;
padding-bottom: 25px;
width: 70%;
}
}

/*iPhone 6 Landscape*/
@media (min-width: 666px) and (max-width: 668px) {
.footer img {
width: 40%;
}
	.home-header {
background-position: center;
}
	.home-header .welcome {
padding-top: 0px;
padding-bottom: 25px;
width: 70%;
}

}

/*iPhone 6 Plus Landscape*/
@media (min-width: 734px) and (max-width: 737px) {
.footer img {
width: 40%;
}
	.home-header {
background-position: center;
}
	.home-header .welcome {
padding-top: 0px;
padding-bottom: 25px;
width: 70%;
}

}