*{
	text-align: center;
	/* [disabled]width: 0px; */
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	color: #A67B7C;
	background-color: #FAE9CB;
	font-style: normal;
	font-weight: bolder;
	font-size: 15px;
	
	}
h1 {height: 120px;
	font-family: "ivypresto-headline", serif;
font-style: normal;
		color: #127303;
	text-align: center;
	background-image: url(../Images/Chrysanthemums2024.jpg);
	text-shadow: 5px 0px #FAE9CB;
	font-size: 80px}
/* this is the css section for the bento box */
* {
font-size: 25px;
font-weight: bold;
text-align: center;
}
li {display: inline;
	font-size: 20px
}
.Outer {width: 100%
}
#buttontext {font-size: 14px}

.Banner {height: 100px;
background-color: #E9E0B7;
color: #000000;
padding: 10px}

.LH {color:#127303;
	padding: 15px;
	margin: 5px;
	width:35%;
	height: 850px;
	font-size: 14px;
	text-align: justify;
	/* if you have a border you need to reduce the % width*/
border: solid;
	overflow: scroll
}
/* The style of the variety descriptions*/
.column {
	flex: 1;
	padding: 5px;
	box-sizing: border-box;
	border: 2px solid #F0D96F;
	margin: 5px;
	margin-top: 0px;
	border-radius: 10px;
	}

p {font-size: 12px}
.TXTHEADING {color: #127303;
text-align: center;
font-size: 16px}
.column {
	background-image: -webkit-linear-gradient(270deg,rgba(240,217,111,1.00) 0%,rgba(243,234,234,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(240,217,111,1.00) 0%,rgba(243,234,234,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(240,217,111,1.00) 0%,rgba(243,234,234,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(240,217,111,1.00) 0%,rgba(243,234,234,1.00) 100%);
	align-content: center;
}
.RHA {color:#A67B7C;
	padding: 15px;
	margin: 5px;
	width:55%;
	height: 298px;
	font-size: 14px;
	text-align: justify;
border: solid;
	overflow: scroll
	}
img.align-left{
		float: left;
		margin-right: 10px;}
img.align-right{
		float: right;
		margin-left: 10px;}
.RHA, .RHB, .LH {float:left;
}
.RH2 {color:#127303;
	padding: 15px;
	margin: 5px;
	width:55%;
	height: 507px;
	font-size: 14px;
	text-align: justify;
border: solid;
	overflow: scroll

}
/*FLOAT LEFT - REALLY USEFUL!*/
.RH2, .LH2, .footer {float:left;
}
.footer, .Navigation {width: 100%;
	
}
input {
	position: absolute;
	width: 40px;
	cursor: pointer;
	opacity: 0;
	z-index: 2; /*in order to place the checkbox over the hamburger*/
	-webkit-touch-callout: none;
	
}
@media (max-width: 950px){
	.RHA, .LH, .RH2, .LH2 {width:100%;
		height: auto;
		padding-bottom: 15px;
		border: none;
		margin: 0px
}
	
	h1 {font-size: 40px}
li  {display: inline;
	font-size: 20px;
	}
#subscribe {
	background-color: #F0D96F;
	width: 250px;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-weight: bold;
	border-color: #FAE9CB;
	vertical-align: middle;
		}
#subscribe:hover {background-color: #88D94E}
	.column {height: 250px;
	margin: 0px}
input {
	position: absolute;
	width: 40px;
	cursor: pointer;
	opacity: 0;
	z-index: 2; /*in order to place the checkbox over the hamburger*/
	-webkit-touch-callout: none;
	
}


	.bar {background-color: #fff;
	height: 3px;
	width: 25px;
	margin: 4px 0;
	transition: 0.4s}

	/*MENUTOGGLE */
#Menutoggle {position: relative;
z-index:1;}
#Menutoggle input {left:1px; 
width:30px;
	height:30px;
cursor:pointer;
	opacity:0;
	z-index:2; /*in order to place the checkbox over the hamburger*/
	-webkit-touch-callout:none;
}
#Menutoggle span {display:block; /*to ensure that each span element occupies its own line*/
width:33px;
height: 4px;
margin-bottom: 5px;/* create some space bnetween span eelments*/
	position: relative;/*allow for posiiton changes relative to the parent div*/
	background:#cdcdcd;
	border-radius: 3px;
	z-index:1; /*ensure that the span element s under the checkbox*/
	transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1), background 0.5s cubic-bezier(0.770.2,0.05,1), opacity 0.55s ease;
	transform-origin: 4px 0px; /* sets the centre for rotation of the transform property*/
	
}
#buttontext {text-align:left;
opacity:1;
	font-size:15px;
	color: #127303}
#Menutoggle span:first-child {transform-origin: 0% 0%; }
#Menutoggle span:nth-last-child(2) {transform-origin: 0% 100%; }
#Menutoggle input:checked-span {opacity:1;
transform: rotate(45deg) translate(-2px, -1px);
background: #232323;
}
#Menutoggle input:checked-span:nth-last-child(2) {
	transform:rotate(-45deg) translate(0, -1px);
}
#Menutoggle input:checked-span:nth-last-child(3){
	opacity: 0;
	transform:rotate(0deg) scale(0.2,0.2);
}

#Menu {position:absolute;
	display: block;
	align-content: center;
left:-300px;
top:80px;
width: 200px;
margin:-100px 0 0 -50px;
padding:50px;
padding-top: 125px;
background:#fae9cb;
	font-size: 10px;
list-style-type: none;
-webkit-font-smoothing:antialiased;
transition:left 0.5s;}

#Menu, li {
	padding: 10px 0;
	font-size: 12px;
	display:block;
}
#Menutoggle input:checked ~ ul {left:40px;
	}
	
	}