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


div#portfolioWrapper {position: relative; max-width: 500px; margin: auto}



div#pageBgPhoto {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/SnowBoarderLarge.jpg); background-position:top left; background-repeat:no-repeat;}


div#pageBgCeramics {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/ceramicPageBg.jpg); background-position:top left; background-repeat:no-repeat;}


div#pageBgPainting {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/BgBees2.jpg); background-position:top left; background-repeat:no-repeat;}


div#pageBgContact {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/contactPageBg.jpg); background-position:top left; background-repeat:no-repeat;}


#portfolioHeaderLogo {position: relative; width: auto; margin: auto}


#portfolioNav {position: relative; width:100%}


#portfolioImage {position: relative; max-width: 500px; margin: auto; }

#portfolioImage img {position: relative; max-width: 451px; margin: auto; box-shadow: 10px 10px 10px grey; }



@media(max-width:990px) {
	
	div#pageBgPhoto {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/SnowBoarder2.jpg); background-position:top left; background-repeat:no-repeat;}
	
	div#pageBgCeramics {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/ceramicPageBg2.jpg); background-position:top left; background-repeat:no-repeat;}
	
	
	div#pageBgPainting {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/BgBees.jpg); background-position:top left; background-repeat:no-repeat;}
	 
	
}


@media(max-width:768px) {
	
	div#pageBgPhoto {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/SnowBoarder3.jpg); background-position:top left; background-repeat:no-repeat;}
	
	div#pageBgCeramics {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/ceramicPageBg3.jpg); background-position:top left; background-repeat:no-repeat;}



	
}


@media(max-width:500px) {
	
	div#pageBgPhoto {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/SnowBoarder3.jpg); background-position:top left; background-repeat:no-repeat;}
	
	div#pageBgCeramics {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/CeramicsBg5.jpg); background-position:top left; background-repeat:no-repeat;}
	
	
	div#pageBgPainting {position: relative; width: 100%; min-height:400px; margin: auto; background-image:url(images/Bee5.jpg); background-position:top left; background-repeat:no-repeat;}
	 


	
	
}







.carousel-control-next {right: -55px}

.carousel-control-prev {left: -55px}


@media(max-width:675px) {
	
	
 #portfolioImage img {position: relative; max-width: 69%; margin: auto}


.carousel-control-next {right: 0px}

.carousel-control-prev {left: 0px}
	
}


/* 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}

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


.navbar {padding: 0px}

.navbar-expand-lg .navbar-nav .nav-link {padding-left:1.0rem; padding-right: 1.0rem}

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


@media(max-width:990px) {
	
	
.navbar-light .navbar-toggler {position: relative; margin: 0px 0px 21px 0px}
	
	.navbar-expand-lg .navbar-nav .nav-link {padding-left: 0px}

	
}


@media(max-width:515px) {

	
	.navbar-light .navbar-toggler {position: relative; margin: 0px 0px 21px 55px}
	
		.navbar-expand-lg .navbar-nav .nav-link {padding-left: 55px}

	
	/* .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}
	
	 */

	
}