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

@font-face {
    font-family: 'futura_ltregular';
    src: url('../fonts/futuralt-webfont.eot');
    src: url('../fonts/futuralt-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/futuralt-webfont.woff') format('woff'),
         url('../fonts/futuralt-webfont.ttf') format('truetype'),
         url('../fonts/futuralt-webfont.svg#futura_ltregular') format('svg');
    
    font-style: normal;

}


body{ padding:0px 0px; margin:4em 0em 0em 0em; margin-bottom: 0px; font-family: 'Love Ya Like A Sister', sans-serif; overflow-x:hidden; height:auto; background:rgb(230,141,36);  }



.section{ position:relative; width:90%; margin:0em auto; border:0px solid #ccc; display:none;}
.sectionInner{ position:relative; width:60%; margin:4em auto 2em auto; color:rgb(58,22,6);}

.menuTop{ position:relative; width:20%; margin:0.1em auto 0em auto;}
.menu{ position:relative; width:20%; margin:0.1em auto 0em auto; cursor:pointer; transition:all 0.2s;}
.menu:hover{ position:relative; transition:all 0.2s; margin:0.1em auto 0em auto; cursor:pointer; transform:scale(1.2);}

.menu img{ max-width:100%; height:auto; display:block; margin:0px auto; }

.sectionInner h1{ text-align:center; font-size:3em;  }
.sectionInner p{ text-align:center; font-size:1.4em; width:80%; margin:0em auto;  }

.sectionInner .paraContainer p{ text-align:left; font-size:1.4em; width:80%; margin:0em auto; background:rgb(58,22,6); color:#fff; padding:0.6em 0.6em; border-radius:0.6em; font-weight:normal !important;  }

.sectionInner .paraContainer span{ text-transform:uppercase; display:block; color:rgb(58,22,6); width:80%; margin:0em auto; text-align:center; line-height:2em; font-size:1.4em; background:none; font-weight:bold;}

.aboutIcon{ position:relative; width:80%; margin:1.5em auto 10em auto;}
.aboutIcon img{ min-width:100%; height:auto; display:block;}


/******* form styles *******/
.contactFormDiv{ position:relative; width:100%; padding:0% 0% 0em 0% !important; overflow:hidden;  }
.contactFormDiv input[type="text"]{ position:relative; width:100%; height:2em; line-height:2em; background:none; padding-left:0.6em; font-size:1.6em; color:rgb(58,22,6); border:1px solid rgb(58,22,6); margin-top:0.6em; }

.contactFormDiv textarea{ position:relative; width:100%; height:7em; line-height:1.2em; background:none; padding-left:0.6em; font-size:1.6em; color:rgb(58,22,6); border:1px solid rgb(58,22,6); margin-top:0.6em; }

.contactFormDiv input[type="submit"]{ position:relative; float:none; clear:both; background:none; padding:0.3em 0.3em 0.3em 0.3em; font-size:1.6em; color:#fff; border:none; background:rgb(58,22,6); width:20%; margin:0.6em 0% 0% 40%; text-align:center; }

::-webkit-input-placeholder  { color:rgb(58,22,6);}
::-moz-placeholder  { color:rgb(58,22,6);}

/****** thanks page styles *******/
h1.thanksTitle{ font-family: 'futura_ltregular', sans-serif; font-size:2em; text-align:center; text-transform:uppercase; }
.backlink{ text-align:center; display:block; font-size:2em; margin:2em auto 0em auto; color:#fff; text-decoration:none; font-family: 'futura_ltregular', sans-serif;}

.key{ position:relative;  width:90%; margin:2em auto 0em auto; border:0px solid #fff; text-align:center; font-size:1em;}
.key a{ color:rgb(58,22,6);}
.key a:hover{ color:rgb(0,153,255); text-decoration:none;}

/******* media query **********/
@media screen and (min-width:320px) and (max-width:414px){
	.menuTop{ width:60%;}
	.menu{ width:60%; }	
	.sectionInner{ width:100%; }
	.aboutIcon{ position:relative; width:100%; margin:1.5em auto 5em auto; 	} 
	.contactFormDiv{ position:relative; width:100%; margin:0% 0% 10em 0%;  }
	.contactFormDiv input[type="submit"]{ width:30%; margin:0.6em 0% 6% 35%; text-align:center; }
}

@media screen and (min-width:415px) and (max-width:768px){
	.menuTop{ width:30%;}
	.menu{ width:30%; }	
	.sectionInner{ width:100%; margin:4em auto 20em auto;  }
	.marginAdjust{ width:100%; margin:4em auto 30em auto;  }
	
	.sectionInner{ position:relative; width:60%; margin:4em auto 2em auto; color:rgb(58,22,6);}
	

	.aboutIcon{ position:relative; width:100%; margin:1.5em auto 5em auto; 	} 

	.contactFormDiv{ position:relative; width:100%; margin:0% 0% 80% 0%;  }

}