@charset "utf-8";
/* CSS Document */


iframe {
	width:100%;
}
@media only screen and (min-width: 1400px) {

#titleWrap h2 {
	font-size:7vw;
}

#jobsStore {
    min-height: 500px;
}

#locations {
    height: 600px;
}

}

@media only screen and (max-width: 1024px) {
	
#titleWrap p {
    font-size: 3vw;
}
	
}



@media only screen and (max-width: 980px) {

#logo {
	width: 175px;
    margin-left: -20px;
}
#titleWrap h2 {
    font-size: 12vw;
}
#nav {
    font-size: 30px;
}
#nav li a {
    padding: 5px 5px 0 20px;
}
#jobs {
	padding-top:45px;
}

#jobsStore {
	    min-height: 316px;
	}
	

}

@media only screen and (max-width: 880px) {

ul.socials li {
	margin-left:5px;
}
ul.socials li.contact {
    margin-left: 8px;
}

}

/*//////////////////////Small tablet portrait (600x800)////////////////////////////*/

@media only screen and (max-width: 767px) {
	
ul.socials li {
    margin-left: 4px;
}ul.socials li.contact {
    margin-left: 7px;
}
ul.socials .fa.fa-phone {
    padding-right: 2px;
}

#nav {
    margin-top: 9px;
}
	
#nav li {
    margin: 0 0 10px;
}
#nav li a {
	background: url(../images/nav-bullet.png) repeat-y 0 3px;
}

#nav li a span {
    display: none;
}



#jobsStore {
	    min-height: 216px;
	}	

#locations {
    height: 400px;
}

#content, #sidebar {
	float:none;
	padding-right:0;
	width:100%;
}
.post-type-archive-job_listings .post-single {
	float:none;
	width:94%;
}
.twentyfive {
    width: 50%;
    min-height: 250px;
}
.fifty {
	width:100%;
}

}


@media only screen and (max-width: 750px) {

#logo {
	width: 140px;
    margin-left: -10px;
    top: 0px;
}

#topNavWrapper ul.socials {
    width: 320px;
    float: right;
    text-align: right;
}
#topNavWrapper ul.socials li {
    margin-left: 5px;
}
#topNavWrapper ul.socials li.contact {
    margin-left: 10px;
}

#titleWrap h2 {
    font-size: 15vw;
}

#titleWrap p {
    font-size: 5vw;
}
#locations {
    height: 350px;
}

a.apply-button {
    font-size: 20px;
}

}

/*	
320px width
------------------------------------------------------*/

@media only screen and (max-width: 480px) {
	
#logo {
	width: 110px;
}

#titleWrap p {
	line-height:normal;
}

#jobsStore {
	background:none;
	}	
	
#jobs h3 {
    text-align: center;
    font-size: 8vw;
    margin: 0 auto 21px;
}
#jobs h2.script {
    font-size: 20vw;
    text-align: center;
    margin: 0 auto;
}
#jobs .btn.paint {
    margin: 20px auto;
}

#locations h2.script {
    font-size: 13vw;
}
#locations p {
    font-size: 5.25vw;
	line-height:normal;
}

.locationMenu {
    width: 250px;
    font-size: 18px;
    margin: 20px auto;
}
.locationMenu li li {
    font-size: 16px;
}
.twentyfive {
    width: 100%;
    min-height: inherit;
}

img.alignleft, img.alignright, img.aligncenter {
	float:none;
    margin: 20px auto;
    width: 100%;
}


}

@media only screen and (max-width: 479px) {

#topNavWrapper ul.socials {
    width: 255px;
}

#topNavWrapper ul.socials li {
	float:left;
}

#topNavWrapper ul.socials li.state {
	clear:left;
	padding-left:111px;
}


}
@media only screen and (max-width: 320px) {
	
#topNavWrapper ul.socials {
    width: 223px;
}
#topNavWrapper ul.socials li.state {
	padding-left:80px;
}

#topNavWrapper ul.socials li.contact {
    margin-left: 4px;
    /* display: inline-block; */
    font-size: 15px;
}
#logo {
    width: 85px;
}




}
/*	Retina media query.
	Overrides styles for devices with a 
	device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */

@media 
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min-device-pixel-ratio: 2) {
	
	body {
	
	}
	
}