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


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


/* Homepage */

body {background-image:url(images/homePageBg.jpg); background-position:top; background-repeat: repeat-x; background-color:#F7F7F7;}

div#homePageWrapper {position: relative; max-width: 960px; margin: auto;}

div#homePageGraphic {position: relative; float: left; display: block; width:40%; padding-left:200px;}


 div#homeBottomGraphic div#homeBottomLarge {position:relative; float:left; display:block; width:100%; height:auto; min-height:900px; background-image:url(images/jd_art_homeBg.jpg); background-position:bottom center; background-repeat:no-repeat;}



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

div#homePageText 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#homePageText h2 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #666; font-size: 18px; text-transform: uppercase}

/* div#homePageNavWrapper {position: relative; float: left; display: block; width:55%} */

div#homePageNavWrapper {position: relative; margin:auto; display:inline-block; width:55%}

div#homePageGraphic img#homeFeaturedSmall { display: none}

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

div#homePageText 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#homePageNavWrapper {position: relative; float: right; display: block; width:55%}
	
div#homePageText {position: relative; float: right; display: block; width:55%; margin-top: 233px}

	div#homePageGraphic img#homeFeaturedSmall { /*display: none */}
	
	div#homeBottomMedium img#homeFeaturedMedium {display:none;}
	div#homeBottomSmall img#homeFeaturedSmall {display:none;}
	
	 
	
}


@media(max-width:780px) {
	
	
div#homePageGraphic {position: relative; float: none; display: block; width:358px; margin: auto; clear: both; padding-left:0px;}

	div#homePageGraphic img#homeFeaturedLarge {margin-left: -45px}
	
	div#homePageGraphic img#homeFeaturedSmall { display: none}
	
	
	
div#homePageText h1 {font-family: "Futura Md BT", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", "Helvetica", "Arial", "sans-serif"; color: #ccc; font-size: 34px; text-align: center}

div#homePageText 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#homePageNavWrapper {position: relative; float: right; display: block; width:100%}
	
div#homePageText {position: relative; float: right; display: block; width:100%; margin-top: 0px}

 div#homeBottomGraphic div#homeBottomLarge {display:none}
 
 div#homeBottomGraphic div#homeBottomMedium {position:relative; float:left; display:block; width:100%; height:auto; min-height:800px; background-image:url(images/jd_art_homeBottomGraphicMedium.jpg); background-position:bottom center; background-repeat:no-repeat;}
 
 

/* div#homeBottomGraphic {position:relative; float:left; display:block; width:auto; height:auto; background-image:url(images/jd_art_homeBottomGraphicMedium.jpg); background-position:bottom center; background-repeat:no-repeat;} */

	
}


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

	
	div#homePageGraphic img#homeFeaturedLarge { margin-left:0px}
	
	div#homePageGraphic img#homeFeaturedSmall { display: block; margin-left:0px}
	
	div#homeBottomGraphic div#homeBottomLarge {display:none}
 
 div#homeBottomGraphic div#homeBottomMedium {display:none}
 
 div#homeBottomGraphic div#homeBottomSmall {position:relative; float:left; display:block; width:100%; height:auto; min-height:500px; background-image:url(images/jd_art_homeBottomGraphicSmall.jpg); background-position:top center; background-repeat:no-repeat;}
	
	
	
/*	div#homeBottomGraphic {position:relative; float:left; display:block; width:auto; background-image:url(images/jd_art_homeBottomGraphicSmall.jpg); background-position:bottom center; background-repeat:no-repeat;} */


	
}



/* 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:#666 !important; }

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

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


.navbar {padding: 0px; position:relative; width:34%; margin:auto}

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

.navbar-light .navbar-toggler {border: #999; background: #ccc}


@media(max-width:768px) {
	
	
	/* .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}

	
}