body {
	margin: 0px;
	padding: 0px;
	padding-top:100px;
	font-family: 'Raleway', sans-serif;
}
body, p, div, span, a, li, h1, h2, h3, td {
	font-family: 'Raleway', sans-serif;
}
html, body {
  height: 100vh;
  background: linear-gradient(to bottom, black 0%, #380343 100%);
  background-attachment: fixed;
}

.plant_row {
	margin:12px;
	margin-top:0px;
	margin-left: 10px;
	margin-right: 10px;
	padding: 8px 10px 8px 31px;	
	font-family: 'Raleway', sans-serif;
	font-weight: 400;
	font-size:17px;
	cursor: pointer;
	color: #380343;
	letter-spacing: 0px;
	
	border: solid 2px #c1b5a670;
	border: solid 1px #69497370;

	text-decoration: none;

	border-radius: 4px;	
	background-image: url("images/square_bullet_1A.png");
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 8px center;
	display: block;
	letter-spacing: 1px;
}
.plant_row:hover {
	color:#380343;
	background-color: #EEE;
	background-image: url(images/square_bullet_1A_ani.gif);
	letter-spacing: 0px;
}
.container {
	max-width:500px;
	margin: auto;
	margin-top:36px;
	padding-bottom: 40px;
	padding-left:20px;
	padding-right:20px;	
}
.words {
	font-family: 'Raleway', sans-serif !important;
	font-size: 24px;
	text-align: left;
	letter-spacing: 1px;
	padding-left: 10px;
}
.navBtn {
	display: inline-block;
	padding: 3px 4px 2px 4px;	
	width:14px;
	background: #391047;
	border-radius: 4px;
	color: #FFF;
	text-decoration: none;
	text-align: center;
	font-size: 16px;
	font-family: Helvetica, Arial, "sans-serif";
	font-weight: 200;
	margin:4px 3px;
	cursor: pointer;
	border: solid 1px #482254;
}
.navBtn:hover {
	background-color: #AAA;
	background-color: #000;
	border: solid 1px #FFF;	
	color: #FFF;
}
.nav_container {
	margin: 14px auto 18px auto;
	text-align: center;
}
.logo {
	max-width:200px;
}
#banner {
	font-family: 'Raleway', sans-serif !important;
	background-color: #694973;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	width:100%;
	font-weight: 300;
	margin: 0px;
	padding: 12px;
	text-align: center;
	Xmargin: auto;
}
.transition, .banner_over {
	padding: 8px;
	padding-top: 9px;
	text-align: center;
	margin-bottom: 12px;
	cursor: pointer;
	border-bottom: solid 1px #333;
	font-size: 16px;
	z-index: 1000;
	width:100%;
}
.mobileBreak {
	display: inline;
}
/* CSS for text color transition */
@keyframes colorTransition {
  0% {
	background-color: #380343; /* PURPLE */
	color: #FFF;
  }
  50% {
	background-color: #88688e;
	color: #FFF;
  }
  100% {
	background-color: #380343; /* PURPLE */
	color: #FFF;
  }
}

/* Apply animation to the text */
.transition {
  animation: colorTransition 10s infinite; /* Change the duration as needed */
}
.banner_over {
	background-color: #b7aac4;
	color: #000;
	font-weight: 500;
	border-bottom: solid 1px #333;
	cursor: pointer;
}
header {
	position: fixed;
	top: 0px;
	left: 0;
	right: 0;
	z-index: 100;
	padding: 0px;
	margin: 0px;
	background: #000;
	border-bottom: solid 1px #333;	
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* DROP SHADOW */
}
.subHead {
	font-size: 38px;
	font-family: 'Raleway', sans-serif !important;
	font-weight: 500;

	line-height: 38px;
	text-align: left;
	border-bottom: solid 1px #333;
	margin-top: 30px;
	color: #FFF;
	background: #694973;
	background-color: #380343;
	padding-left: 23px;
	padding-top: 7px;
	padding-bottom: 6px;
	border-radius: 6px 6px 0px 0px;
	margin-bottom: 0px;
}
#scrollToTop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 110;
	color: black;
}
.sectionBG {
	background: #FFF;
	width: 500px;
	margin-top: 0px;
	padding-top:12px;
	padding-bottom: 8px;
	border-radius: 0px 0px 6px 6px;	
}
#logoTBL {
	margin-top:8px;
	margin-bottom:8px;
}
.logoCell {
	text-align: right; 
	Xborder-right: solid 2px #694973; 
	padding-right:20px;
	padding-top:4px;
	padding-bottom:6px;
	padding-left:0px;
}
.navCell {
	padding-left: 20px;
}
#eol {
	text-align:center;
	padding-bottom: 30px;
	font-size: 16px;
	color: #FFF;
}
@media only screen and (max-width: 768px) {
	body {
		padding-top: 140px;
	}
	.navBtn {	
		padding: 8px 9px;	
		font-size: 17px;
	}
	.subHead {
		font-size: 42px;
	}
	.plant_row {
		font-size:24px;
		Xtext-decoration: none;
		border: none;		
	}
	#banner {
		font-size: 22px;
	}
	.logo {
		width:174px;
	}
	.logoCell {
		padding-left: 24px;
		padding-right: 18px;
		width: 1%;
	}
	.navCell {
		padding-left: 0px;
	}
	.plant_row {
		background-size: 22px;
		padding-left: 46px;
		text-decoration: none;
		background-image: url(images/square_bullet_1A_ani.gif);
		border: solid 1px #c1b5a670;
		background-color:#eee;
		letter-spacing: 0px;
	}
	.navBtn {
		padding: 3px 3px;	
		width:auto;
		border-radius: 5px;
		color: #FFF;
		text-decoration: none;
		font-size: 22px;
		line-height: 22px;
		margin:5px 6px;
		min-width: 18px;
	}
	.mobileBreak {
		display:inline-block;
	}
}