@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 381px) and (max-width: 685px) {

.homeLogo { 
	background:url(../images/logoHome.png) no-repeat 50% 45%;
	background-size:300px auto;
}

/* HEADER */
h1 {
	font-size:18px;
}
#header {
	height:40px; 
	padding-top:10px; 
	position:absolute; 
	top:0;
}
#headerContainer {
	width:440px; 
	margin:0 auto;
}
.logoBox {
	float:left; 
	margin:0;
}
.logoBox p {
	display:none;
}
.navBox {
	float:right; 
	margin:0 20px 0 0;
}
#nav ul {
	margin:0 auto; 
	padding:3px 0 0 0;
	float:none;
}
#nav li {
	padding:0 5px;
	font-size:0.675em;
}
#social {
	display:none;
}

#about{
	padding: 0 0 20px 0;
}
#parallax1{
	background:url(../images/parallaxImages1.jpg) 50% 50% no-repeat;
	height:200px;
	background-size:640px auto;
} 
#parallax2{
	background:url(../images/image2.jpg) 50% 50% no-repeat;
	height:200px;
	background-size:640px auto;;
} 
#parallax3{
	background:url(../images/image3.jpg) 50% 50% no-repeat;
	height:200px;
	background-size:640px auto;
} 
#parallax4{
	background:url(../images/image4.jpg) 50% 50% no-repeat;
	height:200px;
	background-size:640px auto;
} 
.contentContainer {
	width:440px;
}
.title {
	width:440px; 
	margin:40px auto;
	background:url(../images/bar.png) no-repeat center;
}
.columns2 {
	float:left;
	margin:20px 0 20px 0;
	-moz-column-count:1; /* Firefox */
	-moz-column-gap:0; /* Firefox */
	-webkit-column-count:1; /* Safari and Chrome */
	-webkit-column-gap:0; /* Safari and Chrome */
	column-count:1;
	column-gap:0;
	text-align:left;
}
.signoff {
	width:440px; 
	background:url(../images/planeSignoff_small.png) no-repeat 50% 0;
}
.introText p {
	font-size:0.8em;
	line-height:18px; 
}
h3 {
	padding:0 0 10px 0; 
	margin:0; 
	font-size:0.6em; 
	color:#fdf6e7; 
	font-family: 'Roboto Slab', serif; 
	font-weight:400;
}
p {
	color:#fdf6e7; 
	font-family: 'Roboto Slab', serif; 
	font-size:0.5em; 
	line-height:14px; 
	margin:0 0 10px 0; 
	font-weight:300;
}
.textWrapper {
	margin:0 auto 20px auto; 
	width:440px;
	float:none;
}
.textBox {
	margin:0 0 30px 0;
	float:none;
	width:440px;
	text-align:left;
}
.textBoxRight {
	float:none;
	width:440px;
	text-align:left;
	margin:0 0 30px 0;
}
.textBox h3 {
	font-size:1em
}
.textBoxRight h3 {
	font-size:1em
}
.textBox p {
	font-size:0.6em;
	line-height:16px;
}
.textBoxRight p {
	font-size:0.6em;
	line-height:16px;
}
.baseText {
	width:440px;
}
.baseText p {
	font-size:1.125em; 
	font-weight:300; 
	line-height:24px; 
	text-align:center;
}
#whyWeigh {
	background:url(../images/whyimgs_weight.png) no-repeat 0 30%;
	width:150px;
	height:100px;
	background-size:110px auto;
	float:left;
}
#whyCash {
	background:url(../images/whyimgs_cash.png) no-repeat 0 20%;
	width:150px;
	height:100px;
	background-size:110px auto;
	float:left;
}
#whyAero {
	background:url(../images/whyimgs_aero.png) no-repeat 0 20%;
	width:150px;
	height:100px;
	background-size:110px auto;
	float:left;
}
#whyColor {
	background:url(../images/whyimgs_color.png) no-repeat 0 40%;
	width:150px;
	height:100px;
	background-size:110px auto;
	float:left;
}

#servicesVinyl {
	background:url(../images/serviceimgs_wrap.png) no-repeat 0 50%;
	width:150px;
	height:120px;
	background-size:110px auto;
	float:left;
}
#servicesArt {
	background:url(../images/serviceimgs_art.png) no-repeat 0 50%;
	width:150px;
	height:120px;
	background-size:110px auto;
	float:left;
}
#servicesInterior {
	background:url(../images/serviceimgs_interior.png) no-repeat 0 50%;
	width:150px;
	height:120px;
	background-size:110px auto;
	float:left;
}
#servicesDecal {
	background:url(../images/serviceimgs_decal.png) no-repeat 0 50%;
	width:150px;
	height:120px;
	background-size:110px auto;
	float:left;
}
.titleGallery {
	width:440px; 
	margin:20px 0 0 20px;
	background:url(../images/barGalleryMobile.png) no-repeat center;
	float:left;
}
#signoffGallery {
	width:440px; 
	margin:0 auto; 
	padding:0; 
	background:url(../images/planeSignoff_small.png) no-repeat 50% 0; 
	height:86px;
	z-index:999;
	position:relative;
	bottom:75px;
}
.slides-navigation a {
  height:25px;
  width:25px;
}
.slides-navigation a.prev {
	left:20px;
	background:url(../images/circleArrow_left.png) no-repeat;
	background-size:25px 25px;
	opacity:1;
}
.slides-navigation a.next {
	right:20px;
	background:url(../images/circleArrow_right.png) no-repeat;
	background-size:25px 25px;
	opacity:1;
}
.captionWrapper {
	width:480px;
	margin:0 auto;
}
.container1, .container2 {
  position: relative;
  -webkit-backface-visibility: hidden;
}
.container1 {
	top:175px;
	width: 280px;
  	margin:0 auto;
  	padding: 10px 0;
  	text-align:center;
}
.container1 h2 {
	font-size: 1.35em;
	opacity:1;
	color:#fdf6e7;
	margin:0;
	padding:0;
	letter-spacing:-1px;
}

.introText2 {
	width:440px; 
	padding:0;
}
/* FORM */
#contactForm {
	width:440px;
}
form    {
	width:280px;
}
input    {
	width:270px;
	margin:0 0 10px 0;
}
textarea {
	width:280px;
	height:100px;

}
.rowLeft {
	width:280px;
	float:none;
	margin:0 auto;
	text-align:center;
	padding:10px 0 0 0;
}
.rowRight {
	width:280px;
	float:none;
	margin:0 auto;
	text-align:center;
}
.formRow {
	width:280px;
}
.lineShort {
	width:280px; 
	margin:0 auto 20px auto;
}

}