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


/* body {background: url(images/magicGraffitti3.jpg) top center} */


/* Contact */

div#contactPageWrapper {position: relative; min-height:400px; max-width: 960px; margin: auto; background-image:url(images/contactPageBg.jpg); background-position:top right; background-repeat:no-repeat;}

div#contactPageGraphic {position: relative; float: left; display: block; width:40%}

div#contactPageText {position: relative; float: left; display: block; width:55%; margin-top: 200px}

div#contactPageText h1 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #999; font-size: 34px}

div#contactPageText h2 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #666; font-size: 21px; text-transform: uppercase}

div#contactPageNavWrapper {position: relative; float: left; display: block; width:55%}

div#contactPageGraphic img#contactFeaturedSmall { display: none}

div#contactPageForm {position: relative; float: left; display: block; width: 90%}




@media(max-width:990px) {
	
div#contactPageText h1 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #999; font-size: 34px}

div#contactPageText h2 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #666; font-size: 14px; text-transform: uppercase}	
	
	
div#contactPageNavWrapper {position: relative; float: right; display: block; width:55%}
	
div#contactPageText {position: relative; float: right; display: block; width:55%; margin-top: 200px}

div#contactPageGraphic img#contactFeaturedSmall { display: none}
	
div#contactPageForm {position: relative; float: left; display: block; width: 90%; margin-left: 55px}


div#contactPageWrapper {position: relative; min-height:400px; max-width: 960px; margin: auto; background-image:url(images/contactPageBg2.jpg); background-position:top right; background-repeat:no-repeat;}

	
}


@media(max-width:768px) {
	
	
div#contactPageGraphic {position: relative; float: none; display: block; width:358px; margin: auto; clear: both;}

div#contactPageGraphic img#contactFeaturedLarge {margin-left: -45px}
	
div#contactPageGraphic img#contactFeaturedSmall { display: none}
	
div#contactPageText h1 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #999; font-size: 34px; text-align: center}

div#contactPageText h2 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", ":Arial", "sans-serif"; color: #666; font-size: 14px; text-transform: uppercase; text-align: center}	


	div#contactPageWrapper {background-image:url(images/contactPageBg2.jpg); background-position:top left; background-repeat:no-repeat;}
	
	
div#contactPageNavWrapper {position: relative; float: right; display: block; width:100%; }
	
div#contactPageText {position: relative; float: right; display: block; width:100%; margin-top: 0px}
	
		div#contactPageForm {position: relative; float: left; display: block; width: 90%; margin-left: 13px}


	
}


@media(max-width:500px) {
	
	div#contactPageWrapper {background-image:url(images/ContactUsPageBg.jpg); background-position:top left; background-repeat:no-repeat;}
	
	
	div#contactPageGraphic {position: relative; float: none; display: inline; width:278px; margin: auto; clear: both;}

	
	div#contactPageGraphic img#contactFeaturedLarge { display: none}
	
	div#contactPageGraphic img#contactFeaturedSmall { display: block}


	
}



/* Nav */

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {color:#000 !important; }

.navbar-light .navbar-nav .nav-link {color:#666; text-transform: uppercase; font-size: 14px; font-family: 'Futura Md BT';}

.navbar-light .navbar-nav .nav-link:hover {color:#000;}


.navbar {padding: 0px; margin-left:21px}

.navbar-expand-lg .navbar-nav .nav-link {padding-left:0px; padding-right: 2.7rem}

.navbar-light .navbar-toggler {border: #999; background: #ccc; margin-top: 13px;}


@media(max-width:600px) {
	
	
	/* .navbar { margin: auto; width:78px} */
	
	.navbar-light .navbar-toggler {position: relative; margin: auto}
	
	.navbar-light .navbar-nav .nav-link { text-align: center; padding-left: 45px}

	
}



/*

@media (min-width: 700px) {
	
	.navbar-expand-lg .navbar-nav {-ms-flex-direction: row;flex-direction: row;position: relative;width: 78%;margin: auto}
	
}