* { box-sizing: border-box; }

	body { 
		font-family: 'Libre Franklin', sans-serif;
		font-size: 100%; 
		line-height: 1.5;
		margin: 0px; 
	}
	
	h1 { 
		font-size: 1.6em; 
		text-align: right; 
		padding: 38px 10px 28px 0; 
		margin: 0;
	}

	h2 { 
		font-size: 1.4em; 
		padding: 15px 0 15px 0; 
		margin: 0; 
	}

	h3 { 
		font-size: 1em; 
		text-align: center;
		padding: 15px 0 0px 0; 
		margin: 0; 
	}

	p { 
		font-size: 1em; 
		margin: 8px 0px 0px 0px; 
		font-weight: 500; 
	}

	a { text-decoration: none; }
	a:link, a:visited, a:active { text-shadow: 0px 0px 5px #cccc00; color:black; }   
	a:hover { text-shadow: 0px 0px 5px #cccc00; color:black; }  

	a.blk:link, a.blk:visited, a.blk:active { text-shadow: none; color:black; }
	a.blk:hover { text-shadow: 0px 0px 5px #cccc00; color:black; }
	
	a.gry:link, a.gry:visited, a.gry:active, a.gry:hover { text-shadow: none; color:lightgray; }

	.mast { 
		width: 100%; 
		height: 60%; 
		float: left; 
		position: absolute; 
		margin: 0px; 
	}
	
	.page { 
		max-width: 800px; 
		margin: auto; 
		position: relative; 
		top: 100%; 
		text-align: left; 
		padding: 20px 28px 28px 28px; 
		background-color: #fffcfa; 
	}

	.nav { 
		min-height: 80px; 
		padding: 5px 10px 5px 10px; 
	}

	.navSeries { 
		padding: 5px 10px 5px 10px; 
	}

	.navS-s { min-height: 80px; }
	@media only screen and (min-width: 560px) { 
		.navS-l { min-height: 40px; }
	}

	.subnav { 
		min-height: 40px; 
		padding: 0px 10px 0px 10px; 
	}

	.logo { 
		float: left; 
		width: 180px; 
		padding: 0 20px 10px 0;
	}
	
	.menu { 
		float: right; 
		text-align: right; 
		margin: 5px 0px 10px 0px; 
	}

	.menu a  { 
		padding: 20px 5px 10px 20px; 
	}

	.this  { 
		color: black;
		text-shadow: none;
		padding-bottom: 2px;
		border-bottom-color: #999900;
		border-bottom-style: solid;
		border-width: 1px;
	}
	
	.that  { 
		color: black;
		text-shadow: none;		
	}

	.content { 
		clear: both; 
		margin: auto; 
		position: relative; 
		text-align: left; 
		padding: 20px; 
	}

	.col-s { width: 100%; }
	@media only screen and (min-width: 420px) { 
		.col-m { width: 50%; }
	}
	@media only screen and (min-width: 630px) { 
		.col-l { width: 33.33%; }
	}
	
	.figgal { 
		width: 100%; 
		padding: 8px 10px 38px 10px;
	}
	
	.fig { 
		float: left; 
	}
  
	.figimg { 
		max-width: 90%; 
		height: auto; 
		display: block;
		margin-left: auto; 
		margin-right: auto; 
		padding: 20px 0px 0 0px; 
	}
  
	.figcap { 
		font-size: 0.9em; 
		text-align: center; 
		padding: 0 20px 20px 20px; 
	}

	.footer { 
		clear: both; 
		text-align: center; 
		padding: 50px 10px 10px 10px; 
	}

	.footer img { 
		height: 18px; 
		margin: 20px 0 5px 0; 
	}

	.footer p { font-size: 0.8em; }
	
	.follow { float: left; }

	.follow-s1, .follow-s2 { width: 50%; }

	.follow-s3 { width: 100%; }

	@media only screen and (min-width: 500px) { 
		.follow-l1, .follow-l2, .follow-l3 { width: 33.33%; }
	}
	
	.follow p { font-size: 1em; }

	.sh-col-s { width: 100%; }
	@media only screen and (min-width: 500px) { 
		.sh-col-l { width: 50%; }
	}
						
	.shop {
		width: 100%;
		clear: both; 
		padding: 20px 0 30px 0; 
	}

	.shopCont { 
		float: left; 
	}
					  
	.shopImg {
		max-width: 100%; 
		height: auto; 
		padding: 20px 10px 0 10px; 
	}

	.shopText {
		text-align: center;
		padding: 18px 20px 0 20px ;
	}

	.button {
		background-color: #9999007f;
		border: none;
		border-radius: 8px;
		color: black;
		padding: 8px 24px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 16px;
		margin: 16px 2px;
		cursor: pointer;
	}
	
	.tabp { display: flex;  flex-wrap: wrap; }
	.tab220 { flex: 0 0 220px; }
	.taba { flex: 0 0 auto; }