@font-face {
		font-family: 'Desigers';
		src:
			local('DESIB___'),
			local('DesigersBold'),
			url('../webfont/DesigersBold.woff2') format('woff2'),
			url('../webfont/DesigersBold.woff') format('woff'),
			url('../webfont/DesigersBold.ttf') format('truetype'),
			url('../webfont/DesigersBold.svg#DesigersBold') format('svg');
		font-weight: bold;
		font-style: normal;
	}
	
	body { 
		background:#a8e2a5; 
		color:#000000;
		font-size:16px;
		font-family: arial;
		line-height: 18px;
		margin: 0;
		padding: 0;
		text-align:left;
	}
	
	.body {
		margin:0 auto; 
		width: 100%;
		clear: both;
	}
	
	header, nav, article, section, footer { 
		width:100%; 
		margin:0 auto;
		padding:0;
		text-align:center;  
		position: relative;
	}
	
	header {
		/*background-image:url('../imgs/hero-section-bg.jpg');
		background-repeat: no-repeat;
		background-position: center 15%;
		-webkit-background-size: 100%; 
		-moz-background-size: 100%; 
		-o-background-size: 100%; 
		background-size: 100%;
		
		background-attachment: fixed; */

		/*height:80vh;*/
		padding-bottom:59px;

		  border-bottom:2px solid #393939;
	}
	
	/********************** 
		HOT ROD
	**********************/
	
	#hotRod {
		width:100%;
		z-index:0;
		position: fixed; /* or absolute */
		left:0;
		top:18%;
		height:200px;
	}
	
	#hotRod img {
		width:40%;
		height:auto;
		
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	/* safari and chrome */
	@-webkit-keyframes wiggle {
		0% {-webkit-transform:rotate(4deg);}
		50% {-webkit-transform:rotate(-4deg);}
		100% {-webkit-transform:rotate(4deg);}
	}

	/* firefox */
	@-moz-keyframes wiggle {
		0% {-moz-transform:rotate(4deg);}
		50% {-moz-transform:rotate(-4deg);}
		100% {-moz-transform:rotate(4deg);}
	}

	/* anyone brave enough to implement the ideal method */
	@keyframes wiggle {
		0% {transform:rotate(4deg);}
		50% {transform:rotate(-4deg);}
		100% {transform:rotate(4deg);}
	}

	#hotRod img.wiggler:hover {
		-webkit-animation: wiggle 0.5s infinite;
		-moz-animation: wiggle 0.5s infinite;
		animation: wiggle 0.5s infinite;
	}
	
	/********************** 
		NAV
	**********************/
	
	nav {
		position: absolute;
		font-family: 'Desigers', sans-serif;
		font-size:140%;
		text-transform:uppercase;
		padding:0;
		z-index:1;
	}
	
	.navbarFixed {
		top: 0;
	    z-index: 100;
		position: fixed;
	    width: 100%;
	}
	
	nav div.navBg {
		position: absolute;
		left: 0px;
		top: 0px;
		z-index:-1;
		width:100%;
		display:block; 
		height:63px;
		background-color:#fdeab2; 
		border-bottom:2px solid #393939; 
	}
	
	nav ul { 
		/*overflow: hidden;*/
		width:100%;
	    margin:0 auto;
	    padding: 0;
		display:inline-block;
	}
	
	nav ul li {
	    list-style: none;
	    float: left;
	    text-align: center;
	    width: 20%; /* fallback for non-calc() browsers */
	    width: calc(100% / 5);
	    box-sizing: border-box;
		
	}
	
	nav ul li:first-child { border-left: none; }
	nav ul li:last-child { border-right: none; }
	
	nav ul li:last-child img { padding-left:2px; float:right; }
	
	nav ul li img { 
		margin:0;
		padding:0;
		/*width:95%;*/
		width:70%;
		height:auto;

		transition: 0.2s;
	}
	
	nav ul li a {
	    display: block;
	    padding: 22px 0;
		position:relative;
	}
	
	.textHelper { position:relative; z-index:1; }
	
	.buttonHelper {
		position:absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width:100%;
		height:60px;
		opacity: 0;
		background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdeab2), to(#a8e2a5));
		background: -webkit-linear-gradient(top, #fdeab2, #a8e2a5);
		background: -moz-linear-gradient(top, #fdeab2, #a8e2a5);
		background: -o-linear-gradient(top, #fdeab2, #a8e2a5);
		background: linear-gradient(top, #fdeab2, #a8e2a5);
		-webkit-transition: opacity 0.2s linear;
		-moz-transition: opacity 0.2s linear;
		-o-transition: opacity 0.2s linear;
		transition: opacity 0.2s linear;
	}

	nav ul li a:hover .buttonHelper {
	  opacity: 1;
	}
	
	nav ul li a:link, nav ul li a:visited {
		text-decoration: none;
	    color:#fb0c00;

	}
	
	nav ul li a:hover, nav ul li a:active {
		/*background:#ffffff;*/
		color:#fb0c00;
	}
	
	nav ul li.lrg a {
		margin:0;
		padding:0;
	}
	
	nav ul li.lrg a:hover, nav ul li.lrg a:active {
		background:none;
	}
	
	nav ul li.grow a {
		padding-top:10px;
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	nav ul li.grow a:hover, nav ul li.grow a:active {
		transform: scale(1.5);
		
	}
	
	/********************** 
		SECTIONS
	**********************/
	
	section { 
		margin:0 0 0 0;
		padding:0;
		position:relative;
		z-index:3;	
	}
	
	#newsletter { margin:2% 0 0 0; }
	
	/********************** 
		UNORDERED LISTS
	**********************/
	
	ul { margin:0; padding:0; }
	
	ul.OneCol {
		width:80%;
		margin:2% auto;
	}
	
	ul.TwoCol {
		columns: 2;
		-webkit-columns: 2;
		-moz-columns: 2;
		
		width:100%;
		
		margin:0 auto 2% auto;
	}
	ul.ThreeCol {
		columns: 3;
		-webkit-columns: 3;
		-moz-columns: 3;
		
		width:80%;
		
		margin:4% auto 4% auto;
	}
	
	ul.FourCol {
		columns: 4;
		-webkit-columns: 4;
		-moz-columns: 4;
		
		width:60%;
		
		margin:0 auto;
	}
	/********************** 
		ROWS
	**********************/
	ul.ThreeRows {
		width:95%;
		margin:0 auto;
	}

	
	/********************** 
		TEES
	**********************/
	
	ul#tees {
		width:95%;
	}
	
	ul#tees li { 
		margin:0 7px 2% 0;
		width:28%;
		height:auto;

		display: inline-block;
		
	}
	
	ul#tees li img {
		z-index: 0;
		position:relative;
		margin:0;
		padding:0;
		
		width:100%;
		height:auto;
		
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	ul#tees li img:hover {
		transform: scale(0.8);

		z-index: 10;
	}

	.numbers {
		width:80%; 
		margin:0 auto 3% auto;
		font-size:22px;
	}

	.numbers a, .numbers a.selected { background:#393939; padding:7px 12px; border:2px solid #393939; border-radius: 30%; }

	.numbers a:link, .numbers a:visited { color:#a8e2a5; text-decoration: none; } 
	.numbers a:hover, .numbers a:active { background:#a8e2a5; color:#393939; text-decoration: none; }

	.numbers a:first-child, .numbers a:last-child { border-radius: none; background:none; color:#393939; border:none; text-decoration: none; }
	.numbers a:first-child:hover, .numbers a:last-child:hover { text-decoration: underline; }

	.numbers a.selected { background:none; text-decoration:none !important; border:2px solid #393939; }
	.numbers a.selected:hover, .numbers a.selected:active { color:#a8e2a5; background:#393939; }


		
	h4, h4.header a { 
		font-family: 'Desigers', sans-serif !important;
		color: #fd2000 !important;
		font-size: 18px !important;
		line-height: 24px !important;
		padding-bottom: 7px !important;  
	}

	h4.header a:link, h4.header a:visited { 
		color: #fd2000 !important;
	}

	h4.header a:hover, h4.header a:active {
		color:#fd2000 !important;
		text-decoration: underline !important;
	}

	.prodPrice { font-size:75px; }

	p.itemNum { 
		font-size: 15px;
		line-height: 17px;
		color: #393939;
		padding: 0 0 7px 0; 
	}

	/********************** 
		FLEXBOX
	**********************/
		* {
			box-sizing: border-box;
		}

		.flex-container {
			display: flex;
			width: 90%;
			margin: 0 auto;
		  flex-wrap:  wrap;
		  text-align: center;
		}

		.flex-item {
		  padding: 8px;
		  flex: 1 1 30%;
		  margin-right: 20px;
		  align-items: center;
  		justify-content: space-around;
  		width: 100%;
  		height: 100%;
		}

		.flex-item:last-of-type { margin:0; }

		.flex-item a.greenBtn {
			font-family: 'Desigers', sans-serif;
			color: #334715;
			background-color: #bbc02d;
			border-radius: 8px;
			padding: 8px 12px;
			text-decoration: none;
			font-size: 18px;
		}

		.flex-item a.greenBtn:hover { 
			color:#bbc02d; 
			background-color: #334715;
		}

		.flex-item img { width:100%; height:auto; transition: all 0.3s ease-in-out; }
		.flex-item img:hover { transform: scale(1.2); }

		.flexHeight200 { height: 200px; }

		.greenBtnH { height:30px; }

		.whiteBg { background-color: rgba(253,234,178,1); }

		.darkBorder3px { border: 3px solid #393939; }

		.bottom10radius { 		  
			border-bottom-left-radius: 10px;
		  border-bottom-right-radius: 10px; 
		}

		.noPad { padding:0; }

		.marginBottom10 { margin-bottom:10px; }
		.marginBottom20 { margin-bottom:20px; }

	/********************** 
		PAGINATION
	**********************/
	
		.pageNav { margin:40px 0; }

		.pagination,
		.pagination li a {
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
		  align-items: center;
		}

		.pagination li { background-color: #393939; border-radius: 8px; margin: 2px; }

		.pagination a {
		  font-weight: 300;
		  padding-top: 1px;
		  text-decoration:none;  
		  border-left-width: 0;
		  min-width:44px;
		  min-height:44px;
		  color: rgba(253,234,178,1); 
		}

		.pagination li:not([class*="selected"]) a:hover { 
		  background-color: rgba(255,255,255,.2);
		  border-top-color: rgba(0,0,0,.35);
		  border-bottom-color: rgba(0,0,0,.5);
		}

		.pagination li:not([class*="selected"]) a:focus,
		.pagination li:not([class*="selected"]) a:active {;
		  box-shadow: 0px 0px 10px 1px rgba(0,0,0,.25);
		  border-left-width:1px;
		}

		.pagination li:first-of-type a {
		  border-left-width: 1px;
		}

		.pagination li.selected a { 
		  padding-top:.25em;
		  background-color: rgba(255,255,255,.15);
		  cursor: default;
		  pointer-events: none;
		}



	/********************** 
		SKETCHES
	**********************/
	
	ul#sketches {
		width:96%;
		margin-top: 25px;
	}
	
	ul#sketches li { 
		margin:0 0 5% 0;
		width:43%;
		height:auto;

		display: inline-block;
		
	}
	
	ul#sketches li img {
		z-index: 0;
		position:relative;
		margin:0;
		padding:0;
		
		/*width:100%;*/
		width: 83%;
		height:auto;
		
		-webkit-transition: all 1s ease-in-out;
		-moz-transition: all 1s ease-in-out;
		-o-transition: all 1s ease-in-out;
		transition: all 0.3s ease-in-out;
	}
	
	ul#sketches li img:hover {
		/*transform: scale(1.2);*/

		z-index: 10;
	}

	/********************** 
		PAGE DESCRIPTIONS 
	**********************/

	#pageDesc { padding-top:2%; }

	#pageDesc { 
		width:80%; 
		height:auto;
		margin:0 auto 4% auto;
	}
	
	#pageDesc a:link, #pageDesc  a:visited { color:#fd2000; text-decoration: none; } 
	#pageDesc a:hover, #pageDesc  a:active { text-decoration: underline; }

	#pageDesc i { font-style:italic; }

	#pageDesc p { 
		font-size:22px;
		line-height:32px; 
		margin-bottom:2%; 
	}

	#pageDesc h1 { 
		font-family: 'Desigers', sans-serif;
		font-size:60px; 
		line-height:65px;
		text-align:center; 
		color:#393939;
		margin-bottom:2%;
	}
	
	/********************** 
		MERCH
	**********************/
	
	#merch {
		padding-top:2%;
		/*background:#a8e2a5;*/
	}
	
	#merch .dividerTop, #merch .divider {
		width:80%;
		height:auto;
	}
	
	#merch .dividerTop {
		margin-bottom:2%;
	}
	
	#merch .divider:last-child {
		margin-bottom:8%;
	}

	#merch .breadCrumb { width:80%; margin:0 auto 2% auto; font-family: 'Desigers', sans-serif; font-size:14px; color:#393939; text-align:left; }
	#merch .breadCrumb a:link, #merch .breadCrumb a:visited { color:#fd2000; text-decoration: none; } 
	#merch .breadCrumb a:hover, #merch .breadCrumb a:active { text-decoration: underline; }

	.bcSketchDate, .bcProdName {}

	.vidoeContainer {
		position: relative;
	  	overflow: hidden;
	  	width: 80%;
	  	padding-top: 44.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	  	margin: 0 auto;
	}

	/* Then style the iframe to fit in the container div with full height and width */
	.responsive-iframe {
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  width: 100%;
	  height: 100%;
	}

	ul#sketches li.leftSide { vertical-align: top; /*width:45%;*/ }
	ul#sketches li.rightSide { 
		text-align:left; 
		/*margin-left:2%;*/ 
		padding:20px; 
		background-color:#fdebb0; 
		border:3px solid #393939; 
		border-bottom-left-radius: 25px; 
		border-bottom-right-radius: 25px; 
	}

	.productImg { display:inline-block; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
	.noShadow { box-shadow:none; } 

	.sketchLiveLink { 
		font-family: 'Desigers', sans-serif;
		/*padding-top:30px; font-size:55px; line-height:55px;*/
		padding-top:20px; font-size:40px; line-height:44px;
	}
	.sketchLiveLink a:link, .sketchLiveLink a:visited { text-decoration: none; color:#fd2000; }
	.sketchLiveLink a:hover, .sketchLiveLink a:active { text-decoration: underline; }

	ul#sketches li.rightSide ul li.price { width:25%; margin-right:2%; vertical-align: top; }
	.prodPrice { font-family: 'Desigers', sans-serif; color:#393939; font-size:85px; line-height:110px; letter-spacing: -5px; }

	ul#sketches li.rightSide ul li.prodInfo { width:72%; color:#393939; }

	h1.prodTitle { font-family: 'Desigers', sans-serif; color:#fd2000; font-size:38px; line-height:44px; padding-bottom:7px; }
	h2.prodTitle { font-family: 'Desigers', sans-serif; color:#393939; font-size:22px; line-height:28px; padding-bottom:12px; }

	p { color:#393939; }
	p.itemNum, p.specialRequest { padding-bottom:22px; line-height: 22px; }
	p.itemNum input { border:none; background-color:#fdebb0; width:220px; }

	.selectSize { padding-bottom:10px; }

	p.prodDesc { line-height:24px; }

	p.prodDesc a:link, p.prodDesc a:visited { color:#fd2000; text-decoration:none; }
	p.prodDesc a:hover, p.prodDesc a:active { color:#fd2000; text-decoration:underline; }

	p.subText { padding:10px 0; }
	p.airedOn { font-size:14px; }

	p.airedOn a:link, p.airedOn a:visited { color:#393939; text-decoration: none; font-weight:bold; } 
	p.airedOn a:hover, p.airedOn a:active { text-decoration: underline;  }

	.prodHR { border:none; height:2px; background-color:#cdd149; margin:10px 0; }

	.txtAlignLeft { text-align:left; vertical-align: top; }

	.epsToWatch { text-align:right; }

	ul#tees li ul.prodDetails { /*padding:10px;*/ color:#393939; }
	ul#tees li ul.prodDetails li.leftSide { width:25%; margin-right:6%; vertical-align: top; }
	ul#tees li ul.prodDetails li.rightSide { width:90%; padding:0 2% }

	ul#tees li ul.prodDetails li.rightSide a:link, ul#tees li ul.prodDetails li.rightSide a:visited { text-decoration: none; font-weight:bold; } 
	ul#tees li ul.prodDetails li.rightSide a:hover, ul#tees li ul.prodDetails li.rightSide a:active { text-decoration: underline;  }

	ul#tees li ul.prodDetails li.leftSide .prodPrice { font-size:60px; line-height:60px; letter-spacing:-3px; }
	ul#tees li ul.prodDetails li.leftSide .prodPrice sup { font-size:40px; }

	ul.prodDetails li.rightSide h4 { font-family: 'Desigers', sans-serif; color:#fd2000; font-size:18px; line-height:22px; padding-bottom:7px; }
	ul.prodDetails li.rightSide p.itemNum { font-size:14px; color:#393939; padding:0 0 7px 0; }

	ul.prodDetails li.rightSide p.airedOn { font-size:13px; color:#393939; padding:0 0 7px 0; }

	span.sketchDate { font-style:italic; }

	ul.prodDetails li.rightSide a:link, ul.prodDetails li.rightSide a:visited { color:#393939; text-decoration: none; font-size:14px; }
	ul.prodDetails li.rightSide a:hover, ul.prodDetails li.rightSide a:active { text-decoration: underline; }

	img.titleImg { width:40%; height:auto; margin:0; }
	hr.titleHR { border:none; background-color:#393939; height:3px; margin:0 auto 2% auto; width:80%; }

	.boxShadow { display:block; box-shadow: inset 0px 11px 8px -10px #000, inset 0px -75px 100px 0px #000; }
	
	.slideShowImg { width:100%; /*height:550px;*/ height:450px; object-fit:cover; }
	.StaticImg { z-index:-10; position:relative; }

	.currentSketches { width:100%; height:650px; object-fit:cover; }  

	.blur-up {
		-webkit-filter: blur(5px);
		filter: blur(5px);
		transition: filter 400ms, -webkit-filter 400ms;
	}

	.blur-up.lazyloaded {
		-webkit-filter: blur(0);
		filter: blur(0);
	}

	/********************** 
		CONTACT
	**********************/
	#contact {
		padding-top:12%;
		
		background: rgb(253,234,178);
		background: linear-gradient(0deg, rgba(253,234,178,1) 0%, rgba(168,226,165,0) 100%); 
	}
	
	#contact img {
		width:40%;
		height:auto;
	}
	
	ul.socialBar { 
		/*overflow: hidden;*/
		width:60%;
	    margin:4% auto;
	    padding: 0;
		display:inline-block;
	}
	
	ul.socialBar li {
	    list-style: none;
	    float: left;
	    text-align: center;
	    width: 25%; /* fallback for non-calc() browsers */
	    width: calc(100% / 4);
	    box-sizing: border-box;
	}
	
	.fa, .fas, .fab {
	  padding: 15px;
	  font-size: 52px;
	  width: 85px;
	  text-align: center;
	  text-decoration: none;
	  margin: 5px 2px;
	  border-radius: 30%;
	}

	.fa:hover, .fas:hover, .fab:hover {
		opacity: 0.7;
	}
	
	.fa-envelope {
		color:#fdeab2;
	}

	.fa-facebook, .fa-facebook-f {
	  /*background: #3B5998;*/
	  color: #fdeab2;
	}
	
	.fa-instagram {
	  /*background: #125688;*/
	  color: #fdeab2;
	}
	
	.fa-youtube {
	  /*background: #125688;*/
	  color: #fdeab2;
	}
	
	.fa-facebook-f, .fa-instagram, .fa-youtube, .fa-envelope {
		background: #333333;
	}
	
	/********************** 
		ABOUT
	**********************/
	
	#about {
		width:100%;
		margin:0 auto;
		padding-bottom:220px;
		background-image:url('../imgs/about-johnny-bg.jpg');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: cover;
		-webkit-background-size: concovertain;
		-moz-background-size: cover;
		-o-background-size: cover;
		
		background-attachment: relative;
		z-index:0;
		
	}
	
	#about div#aboutJohnny {
		background-image:url('../imgs/about-johnny.png');
		background-repeat: no-repeat;
		/*background-position: center -164%;
		background-position: center 25%;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		background-attachment: relative;
		height: 102vh;*/

		background-position: center 8%;
		background-size: 95%;

		z-index:1;
	}
	
	#about img {
		padding-top:80px;
		width:95%;
		height:auto;
	}
	
	/********************** 
		FOOTER
	**********************/
	footer {
		background-color:#fdeab2; 
		border-top:3px solid #030200;
		padding:4% 0;
		
		font-family: 'Desigers', sans-serif;
		font-size:140%;
		text-transform:uppercase;
		color:#fb0c00;
	}

	@media only screen and (max-width:480px) {
		.flex-container {
			flex-direction: column;
		}


		/**** PAGINATION ****/
		.pagination li {
			/* screen readers only */
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		.pagination li.selected,
		.pagination li:first-of-type,
		.pagination li:last-of-type,
		.pagination li:nth-of-type(2),
		.pagination li:nth-last-of-type(2){
			position: initial;
			top: initial;
			left: initial;
		}

	  .pagination li:nth-of-type(2) a { border-left-width: 0; }
		
		#contact img { width:80% }
		
		#merch .dividerTop, #merch .divider { width:98%; }
		
		nav { font-size:100%; }
		
		nav ul li img { /* width:100%; */ width:70%; }
		
		nav div.navBg { height:51px; }
		
		.buttonHelper { height:48px; }
		
		header {
			background-position: center 45%;
			background-attachment:scroll;

			padding-bottom:42px;
		}
		
		/********************** 
			HOT ROD
		**********************/
		
		#hotRod {
			left:0;
			top:15%;
			height:200px;
		}
		
		#hotRod img {
			width:40%;
			height:auto;
			
			background-attachment:scroll;
		}
		
		#merch {
			padding-top:8%;
		}
		
		ul#tees li { 
			margin:0 0 4% 0;
			width:48%;
			height:auto;
		}

		ul.TwoCol {
			columns: 1;
			-webkit-columns: 1;
			-moz-columns: 1;
			
			width:95%;
			
			margin:2% auto;

			text-align:center !important;
		}

		ul.ThreeCol {
			columns: 1;
			-webkit-columns: 1;
			-moz-columns: 1;
			
			width:95%;
			
			margin:4% auto 2% auto;
		}

		ul.ThreeRows {
			columns: 1;
			-webkit-columns: 1;
			-moz-columns: 1;
			
			width:95%;

			margin:4% auto 2% auto;
		}

		.breadCrumb { text-align:center; width:100% !important; margin-left:2% !important; }

		ul#sketches li.leftSide { width:100%; margin-left:2%; display:block; }
		ul#sketches li.rightSide { width:100%; display:block; }

		ul#sketches li.rightSide ul li.prodInfo { width:100%; display:block; }
 
		img.titleImg { width:80%; }

		ul#tees li ul.prodDetails li.leftSide .prodPrice { font-size:55px; line-height:55px; letter-spacing:-3px; }
		ul#tees li ul.prodDetails li.leftSide .prodPrice sup { font-size:38px; }

		.boxShadow { box-shadow:none; }

		.sketchLiveLink { font-size:40px; margin:0 0 20% 0; }

		.epsToWatch { text-align:center; margin-top:2%; }

		ul#tees li ul.prodDetails li.leftSide { width:100%; display:block; }
		ul#tees li ul.prodDetails li.rightSide { width:100%; display:block; }

		.slideshow-container { background-color:#000; }

		.slideShowImg { height:150px; }

		.currentSketches { width:100%; height:350px; object-fit:cover; } 

		
		#about {
			background-attachment:scroll;
			
			-webkit-background-size: 100%; 
			-moz-background-size: 100%; 
			-o-background-size: 100%; 
			background-size: 100%; 
			-webkit-background-size: cover; 
			-moz-background-size: cover; 
			-o-background-size: cover; 
			background-size: cover;
		
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 100% !important;
			/*height: 40vh;*/
			
			/*min-height: calc(73vh - 10px);*/

			padding-bottom:80px;
		}

		#about img { padding-top:20px; }

		#about div#aboutJohnny {
			background-attachment:scroll;
			
			-webkit-background-size: 100%; 
			-moz-background-size: 100%; 
			-o-background-size: 100%; 
			background-size: 100%; 
			-webkit-background-size: cover; 
			-moz-background-size: cover; 
			-o-background-size: cover; 
			background-size: cover;
			
			background-position: center 8%;
			background-size: 95%;
			height: 110vh;
		}
		
		.fa, .fas, .fab {
		  padding: 12px;
		  font-size: 32px;
		  width: 55px;
		}
	
	}