header {
		background-color: #88D317;
		background-repeat: no-repeat;
		line-height: 200%;
		text-align: center;
		font-family: fantasy;
		font-size: 2.5em; 
		border: 2px solid #6E3667; 
		opacity: .96;}

	header a {
		color: #6E3667;
		text-decoration: none;
		font-weight: bold; }

	nav {
		background-color: #535353;
		font-weight: bold;
		text-align: center;
	  	padding: 0;
	  	font-size: 120%; 
		opacity: .96;}
	

	nav ul {
		padding-left: 0;
		font-size: 1.5em;
	 	margin: 0; }

	nav a {
		text-decoration: none;
		list-style-type: none; 
		color: #88D317;}

	nav li  {
		list-style-type: none;}
	
	#blog {
		border: 10px solid #535353;}


	main { 
		background-color: #6E3667;
		color: #88D317; 
		opacity: .96;
		padding: 5px;}
	
	aside {
		background-color: #1A0315;
		color: #88D317;
		text-align: left;
		padding: 1em;
		font-size: 100%;
		opacity: .96;}

	footer {
		background-color: #88D317;
		text-align: center;
		font-style: italic;
		font-size: .80 em;
		color: #6E3667;; 
		opacity: .96; }
	
	table {
		width: 200px;
		background-color: #535353;
		margin: auto; 
		opacity: 1;
		position: left;}
	
	table, th, td {
		border-style: none; }
	caption { 
		font-size: 2em;
		font-weight: bold; }
	tbody {font-family: Arial, sanas-serif;
		font-size: .90em }
	tbody td {
		border: 3px #1A0315 solid;
		padding-left: 25px; }
	
	#joy {
		color: #EEEEEE;
		text-decoration: none;}


	blockquote {
		font-size: 1.5em;}
	article {
		background-color: #EEEEEE;
		color: #1A0315;
		padding: 5px;}
	
	ul {
		font-size: 1em;}
	

@media (max-width: 600px) {	

	
	
	#homehero {
		background-image: url(lboe.png);
		height: 300px;
		background-size: 100% 100%;
		background-repeat: no-repeat; }

	#cbdmainhero {
		background-image: url(cbd.png);
		height: 300px;
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	#giftsmainhero {
		background-image: url(jewelry.png);
		height: 300px;
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	#contactherosmall {
		background-image: url(totems.png);
		height: 300px;
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	#eventshero {
		background-image: url(incense.png);
		height: 300px;
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
	#bloghero {
		background-image: url(gemstone.png);
		height: 300px;
		background-size: 100% 100%;
		background-repeat: no-repeat; }
		
		
}



@media (min-width: 600px) {
	 
	body.contact {
		background-image: url(totems.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #1A0315;}
		
		
		
	body.cbdmain {
		background-image: url(cbd.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #1A0315;}
		
	body.gifts {
		background-image: url(jewelry.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #1A0315;}
		
	body.events {
		background-image: url(incense.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #1A0315;}
		
	body.blog {
		background-image: url(gemstone.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #1A0315;}	
		
	body.home {
		background-image: url(lboe.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		background-color: #1A0315;}	
					
	nav ul {
		display: flex; 
		flex-flow: row nowrap;
		justify-content: space-around; }
		
	#wrapper {
		display: grid;
		grid-template-columns: auto auto;
		grid-template-rows: auto auto auto auto; }
		
		header { grid-row: 1 / 2; grid-column: 1 / 3; }
		nav { grid-row: 2 / 3; grid-column: 1 / 3; }
		main { grid-row: 3 / 4; grid-column: 1 / 2; }
		aside { grid-row: 3 / 4; grid-column: 2 / 3; }
		gallery { grid-row: 4 / 5; grid-column: 1 / 3; }
		footer { grid-row: 5 / 5; grid-column: 1 / 3; }
	}


@media (min-width: 1024px) {
	
		
	nav ul { 
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap; }
		
	#wrapper {
		width: 80%;
		margin: auto; max-width: 1200px;
		display: grid;
		grid-template-columns: 150px auto auto;
		grid-template-rows: auto auto auto auto;	}
	
	header { grid-row: 1 / 2; grid-column: 1 / 4; }
	nav { grid-row: 2 / 4; grid-column: 1 / 2; }
	main { grid-row: 2 / 3; grid-column: 2 / 4; }
	gallery { grid-row: 3 / 4; grid-column: 2 / 3; }
	aside { grid-row: 3 / 4; grid-column: 3 / 4; }
	footer { grid-row: 4 / 5; grid-column: 1 / 4; }
	
	#maingallery {
		display: grid;
		grid-template-columns: auto auto auto;
		grid-template-rows: auto auto; }
		
	}