/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}

/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

@font-face {
	font-family: "Monotype Corsiva";
	src: url("/css/fonts/subset-MonotypeCorsiva.eot");
	src: url("/css/fonts/subset-MonotypeCorsiva.eot?#iefix") format("embedded-opentype"),
		url("/css/fonts/subset-MonotypeCorsiva.woff2") format("woff2"),
		url("/css/fonts/subset-MonotypeCorsiva.woff") format("woff"),
		url("/css/fonts/subset-MonotypeCorsiva.ttf") format("truetype"),
		url("/css/fonts/subset-MonotypeCorsiva.svg#MonotypeCorsiva") format("svg");
	font-weight: normal;
/*	font-style: italic;*/
}



html {
    font-size: 1em;
    line-height: 1.4;
	height: 100%;
}

	  	

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}




/* ===== Initializr Styles ==================================================
   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template
   ========================================================================== */


a {
	position: relative;
	color: #3d1f7a;
	text-decoration: none;
	font-style: italic;
	z-index: 5;
	
}

h1 {
	padding-left: 4%;
	padding-right: 4%;
    font-family: "Monotype Corsiva", Fallback, sans-serif;
	font-size: 2.5em;
	letter-spacing: 0.1em;

	font-style: italic;
/*	font-variant: small-caps;*/
	font-weight: 900;
	line-height: 1.2em;
	color: #280080;
	text-shadow: -0.03em 0.05em rgba(42, 0, 128, 0.2);
}

h2 {
	padding-left: 4%;
	padding-right: 4%;
	font-family: Georgia, Times, "Times New Roman", serif;		font-style: italic;
		font-size: 1.5em;
		font-variant: normal;
		font-weight: 500;
		line-height: 1.5em;
		letter-spacing: 0.05em;
		color: #220066;

}

h3 {
	padding-left: 4%;
	padding-right: 4%;
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;
/*		font-family: Georgia, Times, "Times New Roman", serif;		font-style: italic;*/
		font-size: 1.25em;
		font-style: italic;
		font-variant: normal;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.5em;
		color: #2e1070;

}

h4 {
	padding-left: 4%;
	padding-right: 4%;
		font-family: Verdana, Geneva, sans-serif;
		font-size: 1.15em;
		font-style: italic;
		font-variant: normal;
		font-weight: 500;
		letter-spacing: 0.05em;
		line-height: 1.5em;
		color: #2e1070;

}

p {

	padding-left: 7%;
	padding-right: 7%;

	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2em;
	color: #260f57;

}

.scf-mono {
	
    font-family: "Monotype Corsiva", Fallback, sans-serif;
	
	font-size: 2em;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
	letter-spacing: 0.05em;
/*	line-height: 2em;*/
	color: #2e1070;
	
}

.sub-text {
	
	font-family: Verdana, Geneva, sans-serif;
	
	font-size: .75em;
	font-style: italic;
	font-weight: 550;
	letter-spacing: 0.05em;
	line-height: 1.2em;
	color: #2e1070;
	padding:1em;
}

.thanks {

	

	font-family: Georgia, Times, "Times New Roman", serif;		font-style: italic;
	font-size: 1.1em;
	font-style: italic;
	font-weight: 550;
	letter-spacing: 0.1em;
	line-height: 1.5em;
	color: #2e1070;
/*	padding:1em;*/
}

.icon {
	
	width: 100%;
	height: auto;
	max-width: 12em;
	position: relative;
	top: 1.5em;
	padding-top: 0.75em;
	padding-bottom: 0.75em;
	padding-left: 1em;
	padding-right: 1em;
   	display: block; 
    margin: auto;
	z-index:1;
	
}

body {
	
	margin: 0;
	height: 100%;

	background: #eee6ff; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(#ffffff, #ddccff) fixed; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#ffffff, #ddccff) fixed; /* For Opera 11.1 to 12.0 */
 	background: -moz-linear-gradient(#ffffff, #ddccff) fixed; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#ffffff, #ddccff) fixed;  /* Standard syntax */*/

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ddccff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ddccff 100%) fixed; /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ddccff 100%) fixed; /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ddccff 100%) fixed; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddccff',GradientType=0 ) fixed; /* IE6-9 */

		
}





.pagedim {

	background:#19004d;
	opacity:0;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index: 5;
}

.wrapper {
	min-height:100%;
	position:relative;
    width: 100%;
    margin: 0 ;
}


.back-image {
	
	
	height: 28.75em;
	overflow: hidden;
}

.back-image:before {
	
			content: ' ';
		    display: block; 
		    position: absolute;
		    left: 0;
		    top: 0;
			width: 100%;
		    height: 100%;
		    z-index: 0;
			
		

			background-size: 100% 100%;
			background-repeat: no-repeat;
			
			border-bottom-left-radius: 70px 80px;
			border-bottom-right-radius: 70px 80px;
			
		box-shadow: 0px 24px 12px -12px rgba(42, 0, 128, 0.5);

	}

	
#logo {
	
	visibility: hidden;
	
	width: 100%;
	height: auto;
	max-width: 11em;
	
		position: relative;
		text-align: center;
		top: .8em;
		padding-top: 0.75em;
		padding-bottom: 0.75em;
		padding-left: 0.8em;
		padding-right: 1em;
	   	display: block; 
	    margin: auto;
		/*border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;*/
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 6;
		background: -prefix-linear-gradient(bottom, rgba(187, 153, 255, 0.1),
		  rgba(238, 230, 255, 1));
		  background: linear-gradient(to bottom , rgba(187, 153, 255, 0.1),
		    rgba(238, 230, 255, 1));
	
	
		/*background: rgba(238, 230, 255, 0.7); */
	
		box-shadow: 0px 20px 10px -10px rgba(25, 0, 77, 0.6);
	
	
	}



#navleft {
	
		position: fixed;
		margin: auto;
		top: 15em;
		left: -284px;
		width: 319px;
		height: 0px;
		opacity:0;
		z-index: 6;
		background: rgba(238, 230, 255, 0.9);
		border-top-right-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top: 2px groove rgba(25, 0, 77, 0.2);
		border-bottom: 2px ridge rgba(25, 0, 77, 0.2);
		box-shadow: 5px 20px 10px -10px rgba(25, 0, 77, 0.6);
	}

	#navleftopen {
		position: absolute;
		padding: 0px;
		right: -3%;
		width: 2.125em;
		height:4.6875em;
		z-index: 6;

	}

	#navleftclose {
		position: absolute;
		padding: 0px;
		right: -3%;
		width: 2.125em;
		height:4.6875em;
		z-index: 6;
		visibility: hidden;

	}

			#hamburgleft {
				display:block;
				position: absolute;
				opacity:0;
				padding: 0px;
				right: 1%;
				z-index: 1;
			}




			#news {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				left: 70%;
				width:65px;
				height:4.6875em;
			}

			#pics {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				left: 47%;
				width:65px;
				height:4.6875em;
				}

			#contact {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				left: 24%;
				width:65px;
				height:4.6875em;
				}


			#links {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				left: 0.9%;
				width:65px;
				height:4.6875em;
			}

#navleftlist {

		list-style-type: none;
		margin: 0;
	    padding: 0;
		opacity: 0;
			}



#navleftlist a:hover {
			   background-color: #aa98cd;
   
			}



#navright {
	position: fixed;
	margin: auto;
	top: 9.5em;
	right: -284px;
	width: 319px;
	height: 0px;
	opacity:0;
	z-index: 6;
	background: rgba(238, 230, 255, 0.9);
	border-top-left-radius: 5px 5px;
	border-bottom-left-radius: 5px 5px;
	border-top: 2px groove rgba(25, 0, 77, 0.2);
	border-bottom: 2px ridge rgba(25, 0, 77, 0.2);
	box-shadow: 5px 20px 10px -10px rgba(25, 0, 77, 0.6);
}

#navrightopen {
	position: absolute;
	padding: 0px;
	left: -3%;
	width: 2.125em;
	height: 4.6875em;
	z-index: 6;

}

#navrightclose {
	position: absolute;
	padding: 0px;
	left: -3%;
	width: 2.125em;
	height:4.6875em;
	z-index: 6;

	visibility: hidden;
}

		#hamburgright {
			display:block;
			position: absolute;
			opacity:0;
			padding: 0px;
			left: 1%;
			z-index: 1;
		}
				

		#about {
			position: absolute;
			line-height: 4.6875em;
			text-align: center;
			top: 0%;
			right: 70%;
			width:65px;
			height:4.6875em;
		}

			#wares {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				right: 47%;
				width:65px;
				height:4.6875em;
			}


			#plants {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				right: 24%;
				width:65px;
				height:4.6875em;
				
			}
			
			#learn {
				position: absolute;
				line-height: 4.6875em;
				text-align: center;
				top: 0%;
				right: 1%;
				width:65px;
				height:4.6875em;
					}
		



#navrightlist {
	
		list-style-type: none;
	    margin: 0;
	    padding: 0;	
		opacity: 0;
			
			}



#navrightlist a:hover {
			   background-color: #aa98cd;
			   
			}





.main-container {
	width:100%;
	min-height:100%;
	margin-bottom: 34em;
	
}

.main-container:after {
	content: "";
	  display: block;

	
}

#footer-box, .main-container:after {
	height: 8em; 
	
}

.home {

	position: relative;
	width: 4.375em;
	height: auto;
	left: 50%;
	margin-left: -2.1875em;
	margin-bottom: 3em;
	margin-top: 1em;
	top: 4em;
/*	bottom: 3em;*/
	padding-bottom: 0.2em;
	text-align: center;
	text-decoration: none;
	font-style: normal;
/*	border-top: 1em;*/
	background-color:transparent;
   	display: block;
	
}



#vines-about {


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 90%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	



}



#about-us {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 5em;

		padding: 4% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}

#vines-wares {


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 90%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	



}


#our-wares {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 10em;
		padding: 5% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}

#wares-text-wrapper {
 	position: relative;
	padding: 2%;
	top: -2.4em;
	display: block;
	margin: auto;
}
.wares-text {
 	position: absolute;
	width: 100%;
	left: 50%;
	margin-left: -54%;
	
	font-size: 1.1em;
	text-decoration: underline;
	visibility: hidden;

}

 

#wares-image-box {
	position:relative;
	top:1%; 
	width: 84%; 
	max-width: 35em;
	margin: auto;
	display: block;
	border-radius: 2em;
	z-index: 1;
	background-color: rgb(238, 230, 255);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);
 	
	
 }


.wares-images {
	width: 96%;
	margin: 2%;
	border-radius: 1.5em;

}




#wares-bedding-plants {
	position: absolute;
	visibility: hidden;
	cursor:pointer;

}



#wares-herbal-crafts {
	position: absolute;
	visibility: hidden;
	cursor:pointer;
}
 
#wares-wedding-flowers {
	position: absolute;
	visibility: hidden;
	cursor:pointer;
}

#wares-produce{
	position: absolute;
	visibility: hidden;
	cursor:pointer;

}


#wares-bookkeeping{
	position: relative;
	visibility: hidden;
	cursor:pointer;

}

#wares-blurb-wrapper {

	position: relative;
	display: block;

}

#wares-blurb {
	

}

#vines-plants {


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 92%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	



}


#plants-nursery {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 15em;

		padding: 8% 2em 4% 2em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}


#nursery-image-box {
	position:relative;
	top:0em; 
	width: 84%; 

	max-width: 45em;
	margin: auto;
	border-radius: 2em;
	z-index: 1;
	background-color: rgb(238, 230, 255);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);


 }


.nursery-images {
	
	width: 96%;
	margin: 2%;
	border-radius: 1.5em;

}




#nursery-photo {

	position: relative;
/*	visibility: hidden;*/
/*	cursor:pointer;*/

}


#plant-list {
	
	position: relative;
	margin: auto;
	display: block;
	width: 12em;
	height: auto;
	background-color: #a1be7b;
	color: #302144;
	padding: .3em;
	font-size: 1em;
	line-height: 1.4;
	border-radius: .3em;
	border: none;
    -webkit-box-shadow: inset 0 0 .1em 0 rgba(57, 140, 255, 0.8);
	box-shadow: inset 0 -0.1em 0.2em 0.1em rgba(53, 68, 33, 0.6);

	
	text-shadow: 0.05em 0.06em 0.01em #eee6ff;
	
}

#adobe-acrobat {
	
 


	position: relative;
	max-width: 6.2em;
	height: auto;
	display: block;
	margin: auto;
	padding: 0.7em;

    -ms-transform: scale(0.6, 0.6); /* IE 9 */
    -webkit-transform: scale(0.6, 0.6); /* Safari */*/
    transform: scale(0.6, 0.6);*/
	
	
	background-color: #ffffff;
	color: #ffffff;

	border-radius: .3em;
	border: none;
    -webkit-box-shadow: inset 0 0 .1em 0 rgba(57, 140, 255, 0.8);
	box-shadow: inset 0 -0.1em 0.2em 0.1em rgba(53, 68, 33, 0.6);

	
	text-shadow: 0.05em 0.06em 0.01em #eee6ff;
	
}

#market-garden-title {
	
	text-decoration: underline;
	
}


#market-garden-image-box {
	position:relative;
	top:0em; 
	width: 84%; 

	max-width: 45em;
	margin: auto;
	border-radius: 2em;
	z-index: 1;
	background-color: rgb(238, 230, 255);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);


 }


.market-garden-images {
	
	width: 96%;
	margin: 2%;
	border-radius: 1.5em;

}




#market-garden-photo {

	position: relative;
/*	visibility: hidden;*/
/*	cursor:pointer;*/

}



#vines-learn {


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 92%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	



}


#work-shops {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 20em;

		padding: 5% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}


#workshops-image-box {
	position:relative;
	top:2em; 
	width: 84%; 

	max-width: 45em;
	margin: auto;
	border-radius: 2em;
	z-index: 1;
	background-color: rgb(238, 230, 255);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);


 }


.workshops-images {
	
	width: 96%;
	margin: 2%;
	border-radius: 1.5em;

}




#workshops-photo {

	position: relative;
/*	visibility: hidden;*/
/*	cursor:pointer;*/

}


#wwoof-blurb {
	
	position: relative;
	margin: auto;
	display: block;
	width: 80%;
	top: 4em;
  	padding: 1em;
	
	border-radius: 2em;
	background: #eee6ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0px 1px 6px 1px rgba(25, 0, 77, 0.6);
	
}

#wwoof-blurb a:hover {
	
	color: #aa80ff;
	
}





#vines-news {


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 92%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	
	padding-bottom: calc(100% * 3 / 4);



}


#news-letter {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 25em;

		padding: 5% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */

	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}

#join-button {
	
	visibility: hidden;
	position:relative;
	background-color: #a1be7b;
	width: 6em;
	height: auto;
	padding: 0.3em;
	padding-top: 0.2em;
	top: 1.5em;	
	margin: auto;
    display:block;
	text-align: center;
	text-decoration:none;
	letter-spacing: 0.1em;

/*	font-family: Verdana, Geneva, sans-serif;*/
	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;

	font-variant: small-caps;
	font-weight: 600;
	
	color: #db4e83;
	font-size: 1.35em;
	border-radius: .8em;
    -webkit-box-shadow: inset 0 0 .1em 0 rgba(57, 140, 255, 0.8);
	box-shadow: inset 0 -0.1em 0.2em 0.1em rgba(53, 68, 33, 0.6);
	
	
	text-shadow: 0.05em 0.06em 0.01em #302144;

	z-index: 1;


}

#subscribe-box {

/*	visibility: hidden;*/
	position: relative;
	width: 85%;
	height: 0;
	text-align: center;
	top: 4em;
/*	height: auto;*/

   	display: block; 
    margin: auto;
	border-radius: 1.5em;
	z-index: 1;

/*	border: 2px inset rgba(25, 0, 77, 0.2);*/
/*	border-bottom: 2px ridge rgba(25, 0, 77, 0.2);*/

/*	border-style: inset rgba(25, 0, 77, 0.2);*/

	background: rgba(238, 230, 255, 0.7);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);
	
}

#form-box {
	
	visibility: hidden;
	display: block;
	text-align: center;
 	opacity:0;

}

#mailing-form {

	position: relative;
	width: 90%;
	text-align: left;
	top: 1%;
	
	margin: auto;
	display: inline-block;
    padding: 1em;
	
}

#mailing-form div + div {
    margin-top: 1em;
}

label {

    width: 10em;
}

#honeypot {

	display: none;

}


input, textarea {
	
	background: #f2f2f2;
 	font: 1em Verdana, Geneva, sans-serif;

    /* To give the same size to all text field */
    width: 100%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    /* To harmonize the look & feel of text field border */
    border: 1px solid #2a0080;
	border-radius: 0.3em;
	

}

textarea {
    /* To properly align multiline text fields with their labels */
    vertical-align: top;

    /* To give enough room to type some text */
    height: 5em;

    /* To allow users to resize any textarea vertically
       It does not work on all browsers */
/*    resize: vertical;*/
}

input:focus, textarea:focus {
    /* To give a little highlight on active elements */
/*    border: red;*/
}


#submit-me {

	background-color: #a1be7b;
	width: 6.5em;
	height: auto;
	padding: 0.2em;
/*	padding-top: 0.2em;*/
	margin: auto;
    display: block;
	text-align: center;
	text-decoration:none;
	letter-spacing: 0.1em;

	font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif;

	font-variant: small-caps;
	font-weight: 700;
	font-style: italic;
	color: #302144;


	font-size: 1.4em;
	border-radius: .2em;
	border: none;
    -webkit-box-shadow: inset 0 0 .1em 0 rgba(57, 140, 255, 0.8);
	box-shadow: inset 0 -0.1em 0.2em 0.1em rgba(53, 68, 33, 0.6);

	
	text-shadow: 0.05em 0.06em 0.01em #eee6ff;
	

}

#thanks-text {
	
/*	visibility: hidden;*/
	position: absolute;
/*	display: block;*/
	width: 100%;
	max-width:90%;
	height: auto;
	max-height: 25%;
	left: 50%;
	margin-left: -51%;
	text-align: center;
	top: 0em;
	opacity: 0;
	z-index: -1;
	padding-top: 3em;
}

#latest-issue {
	
	margin-top: 4em;
/*	font-size: 1.3em;*/
	font-weight: 550;
}	

.newsletters {
	
	
	position: relative;
	color: #3d1f7a;
	text-decoration: none;
	font-style: normal;
	z-index: 5;
	
	
	
}


#archive-button {

/*	position: relative;*/
	
	background-color: #a1be7b;
	width: 6em;
	height: auto;
	padding: 0.3em;
	padding-top: 0.2em;

	top: 2.5em;
	margin: auto;
    display: block;
	text-align: center;
	text-decoration:none;
	letter-spacing: 0.1em;

	font-family: Georgia, Times, "Times New Roman", serif;		font-style: italic;

	font-variant: small-caps;
	font-weight: 900;
	font-style: italic;
	color: #302144;

	font-size: 1.2em;
	border-radius: 0.8em;
	border: none;
    -webkit-box-shadow: inset 0 0 .1em 0 rgba(57, 140, 255, 0.8);
	box-shadow: inset 0 -0.1em 0.2em 0.1em rgba(53, 68, 33, 0.6);

	
	text-shadow: 0.05em 0.06em 0.01em #eee6ff;
	
}

#archive-box {
	
/*		visibility: hidden;*/
		position: relative;
		width: 90%;
		max-width: 50em;
		height: 0;
	    margin: auto;
		text-align: center;
		top: 4em;
	   	display: block; 
		border-radius: 1.5em;
		z-index: 1;
	/*	border: 2px inset rgba(25, 0, 77, 0.2);*/
	/*	border-bottom: 2px ridge rgba(25, 0, 77, 0.2);*/

	/*	border-style: inset rgba(25, 0, 77, 0.2);*/

		background: rgba(238, 230, 255, 0.7);

		box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);
	

}

#archive-content {
	
	
	visibility: hidden;
	padding: 1em;
	
}

#archive-intro {

	font-size: 1em;
	font-style: italic;
}

.years {
	
/*	margin-top: 4em;*/
	font-size: 1.4em;
	font-weight: 650;
	line-height: 1em;
	text-decoration: underline;
	
	
}

#market-heading {
	
	padding-top: 5em;
	text-decoration: underline;
	
}

#market-image-box {
	position:relative;
	top: 0em; 
	width: 84%; 

	max-width: 45em;
	margin: auto;
	border-radius: 2em;
	z-index: 1;
	background-color: rgb(238, 230, 255);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);


 }


.market-images {
	
	width: 96%;
	margin: 2%;
	border-radius: 1.5em;

}




#market-photo {

	position: relative;
/*	visibility: hidden;*/
/*	cursor:pointer;*/

}







#market-blurb {

	
	padding-top: 1em;
		
}





#vines-pics {


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 92%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	



}


#pics-images {
	
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 30em;

		padding: 5% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}


#photo-gallery-thumb-box {
	position:relative;
	bottom: -4em;
	width: 88%; 
	height: auto;
	overflow: hidden;
/*	padding-left: .15em;*/
/*	padding-right: .15em;*/

	max-width: 60em;
	margin: auto;
	border-radius: .5em;
	z-index: 1;
	background-color: rgb(238, 230, 255);

	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);
	display: block;

 }


.gallery-thumb-images {
	
	position: relative;
	width: 3.75em;
	top: 0em;
	left: 0%;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border-radius: .5em;
	padding-left: .15em;
	padding-right: .15em;
	z-index: 1;

}




#bouquet-thumb-photo {

/*	position: relative;*/
/*	visibility: hidden;*/
	cursor:pointer;

}


#vines-contact {

	position: absolute;
	width: 104%;
	height: auto;
	max-height: 92%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;

}

#contact-info. a[href^="tel:"]:before {
  content: "\260e";
  margin-right: 0.5em;
}

#contact-info {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 35em;

		padding: 5% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
	
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	

	
}

#facebook-link {
	
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	text-align: center;
	margin: auto;
	top: 3em;
	padding-bottom: 2em;
	text-decoration: none;

    -ms-transform: scale(0.7, 0.7); /* IE 9 */
    -webkit-transform: scale(0.7, 0.7); /* Safari */*/
    transform: scale(0.7, 0.7);*/

}

#vines-links{


	position: absolute;
	width: 104%;
	height: auto;
	max-height: 92%;
	top: -0.5em;
	left: 50%;
	margin-left: -52%;	



}


#other-links {
	
		position: relative;
		width: 72%;
		height: auto;
		text-align: center;
		top: 40em;
		padding: 5% 0.75em 4% 1em;

	   	display: block; 
	    margin: auto;
		border-top-left-radius: 36px 40px;
		border-top-right-radius: 36px 40px;
		border-bottom-left-radius: 36px 40px;
		border-bottom-right-radius: 36px 40px;
		z-index: 1;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
		background: #eee6ff; /* Old browsers */
		background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	
		box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
	
}

#links-container {

 
}

#links-box {

	position: relative;
	width: 80%;
	height: auto;
	text-align: center;
	top: 1em;

   	display: block; 
    margin: auto;

}

#links-box ul {
	list-style:none;
    margin: 0;
    padding: 0;

}

#links-box ul li {
	display: inline-block;
    padding: 1em;
	  
}


#links-box a:hover {
	
	color: #aa80ff;
/*	font-weight: 600;*/
/*	text-decoration: underline;*/
}


#footer-box {
 	
	position: relative;
 	width: 80%;
	height: auto;
 	margin:auto;
 	border-top-left-radius: 36px 40px;
	border-top-right-radius: 36px 40px;
/*	border-bottom-left-radius: 36px 40px;*/
/*	border-bottom-right-radius: 36px 40px;*/
	z-index: 1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eee6ff+100,bb99ff+10 */
	background: #ddccff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ddccff 100%, #bb99ff 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ddccff 100%,#bb99ff 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ddccff 100%,#bb99ff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddccff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	box-shadow: 0px 4px 10px 1px rgba(25, 0, 77, 0.6);
	
}



#footer-nav {
	
	position: relative;
	width: 80%;
	height: auto;
	text-align: center;
	top: 1em;

   	display: block; 
    margin: auto;
	font-size: .78em;
	letter-spacing: 0.1em;
	color: #110033;
	
}

#footer-nav ul {

	list-style: none;
	margin: 0;
  	padding: .5em;
	
	border-radius: 2em;
	background: #eee6ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0px 1px 6px 1px rgba(25, 0, 77, 0.6);


}

#footer-nav li {
  display: inline;
  padding: .5em;
 
}

#footer-nav a:hover {
	
	color: #aa80ff;
/*	font-weight: 600;*/
	text-decoration: underline;
}


#footer-image-bar {
	
	position: relative;
	display: block;
	text-align: center;
	margin: auto;

	
	padding-top: 3em;
	padding-bottom: 4em;


}




#headshot-container {
	
	vertical-align: top;
	text-align: center;
	display: inline-block;
	width: 16em;
	padding-top: 1em;
	
}

#footer-headshot {
	max-width: 9em;
	position: relative;
	display: block;
	text-align: center;
	margin: auto;
	
	border-radius: 8em;
	z-index: 1;
	background-color: rgb(238, 230, 255);
	box-shadow: inset 0px 1px 10px 1px rgba(25, 0, 77, 0.6);


 }


.jolene-headshot {
	
	width: 92%;
	margin: 4%;
	border-radius: 8em;

}




#jolene-headshot-photo {

/*	position: relative;*/
/*	display: block;*/


/*	visibility: hidden;*/
/*	cursor:pointer;*/

}

.footer-text {
 
	position: relative;
	display: block;
	text-align: center;
	margin: auto;
/*	vertical-align: middle;*/
/*	width: auto;*/
	margin-top: 1em;
	padding: 1em;
	font-size: .78em;
	


}

#footer-logo-container {
	
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	width: 16em;
	
}


#footer-logo {

	position: relative;
	display: block;
		margin: auto;
		text-align: center;
		
   -ms-transform: scale(0.8, 0.8); /* IE 9 */
    -webkit-transform: scale(0.8, 0.8); /* Safari */
  	transform: scale(0.8, 0.8); 

}



#ep-studios-logo-container {
	
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	width: 16em;
	padding-top: 1em;
	
	
}


#ep-studios-logo {

	width: 50%;
/*	max-width: 50%;*/
	height: auto;
	position: relative;
	display: block;
	text-align: center;
	margin: auto;

/*    -ms-transform: scale(0.5, 0.5); /* IE 9 */*/
/*    -webkit-transform: scale(0.5, 0.5); /* Safari */*/
/*    transform: scale(0.5, 0.5);*/
	
}




#copyright {
	width: 100%;
	position: relative;
/*	top: 1em;*/
	padding: 1em;
	bottom: 2em;
	z-index: 2;
	text-align: center;
   	display: block; 
	margin: auto;
	font-size: .65em;
	color: #18004d;
	max-width: 20em;
	border-radius: 2em;
	background: #eee6ff; /* Old browsers */
	background: -moz-linear-gradient(top,  #eee6ff 100%, #bb99ff 10%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #eee6ff 100%,#bb99ff 10%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #eee6ff 100%,#bb99ff 10%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee6ff', endColorstr='#bb99ff',GradientType=0 ); /* IE6-9 */
	box-shadow: inset 0px 1px 6px 1px rgba(25, 0, 77, 0.6);

	
}


	/* ==========================
    		Media Queries
   		========================== */


/* ===== == = ===  (320px) === = == ===== */

@media only screen and (max-width:20em) {
		
	.back-image:before {
		background-image: url("../img/flowers-320.jpeg");
	}

}	

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (max-width:20em)  {
	
	.back-image:before {
		background-image: url("../img/flowers-320-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (max-width:20em) {

	.back-image:before {
		background-image: url("../img/flowers-320-@3x.jpeg");
	}

}

/* ===== == = ===  (321px - 375px) === = == ===== */

@media only screen and (min-width : 20.0625em) and (max-width : 23.4375em) {

	.back-image:before {
		background-image: url("../img/flowers-375.jpeg");
	}

	#adobe-acrobat {

	
		max-width: 6.6em;

	    -ms-transform: scale(0.4, 0.4); /* IE 9 */
	    -webkit-transform: scale(0.4, 0.4); /* Safari */*/
	    transform: scale(0.4, 0.4);*/

	}


}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 20.0625em) and (max-width : 23.4375em) {

	.back-image:before {
		background-image: url("../img/flowers-375-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 20.0625em) and (max-width : 23.4375em) {

	.back-image:before {
		background-image: url("../img/flowers-375-@3x.jpeg");
	}

}

/* ===== == = ===  (376px - 425px) === = == ===== */

@media only screen and (min-width : 23.5em) and (max-width : 26.5625em) {

		.back-image:before {
			background-image: url("../img/flowers-425.jpeg");
		}

		#adobe-acrobat {

	
			max-width: 6.6em;

		    -ms-transform: scale(0.45, 0.45); /* IE 9 */
		    -webkit-transform: scale(0.45, 0.45); /* Safari */*/
		    transform: scale(0.45, 0.45);*/

		}


}
	
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 23.5em) and (max-width : 26.5625em) {

	.back-image:before {
		background-image: url("../img/flowers-425-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and	(-webkit-max-device-pixel-ratio: 3.5) and (max-resolution:336dpi) and (min-width : 23.5em) and (max-width : 26.5625em) {

	.back-image:before {
		background-image: url("../img/flowers-425-@3x.jpeg");
	}

}

/* ===== == = ===  (426px  -480px) === = == ===== */

@media only screen and (min-width : 26.625em) and (max-width : 30em) {

	.back-image:before {
		background-image: url("../img/flowers-480.jpeg");
	}

	h1 {
		padding-top: .15em;

	}

	#adobe-acrobat {

	
		max-width: 6.4em;

	    -ms-transform: scale(0.45, 0.45); /* IE 9 */
	    -webkit-transform: scale(0.45, 0.45); /* Safari */*/
	    transform: scale(0.45, 0.45);*/

	}

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) 				 					and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 26.625em) and (max-width : 30em) {

	.back-image:before {
		background-image: url("../img/flowers-480-@2x.jpeg");
	}


}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) 					and	(-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 26.625em) and (max-width : 30em) {

	.back-image:before {
		background-image: url("../img/flowers-480-@3x.jpeg");
	}


}

/* ===== == = ===  (481px - 568px) === = == ===== */

@media only screen and (min-width : 30.0625em) and (max-width : 35.5em) {

	.back-image:before {
		background-image: url("../img/flowers-568.jpeg");
	}

	h1 {
		padding-top: .15em;

	}

	#adobe-acrobat {

	
		max-width: 6.4em;

	    -ms-transform: scale(0.45, 0.45); /* IE 9 */
	    -webkit-transform: scale(0.45, 0.45); /* Safari */*/
	    transform: scale(0.45, 0.45);*/

	}


}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) 				 					and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 30.0625em) and (max-width : 35.5em) {

	.back-image:before {
		background-image: url("../img/flowers-568-@2x.jpeg");
	}


}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) 					and	(-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 30.0625em) and (max-width : 35.5em) {

	.back-image:before {
		background-image: url("../img/flowers-568-@3x.jpeg");
	}


}



/* ===== == = ===  (569px - 667px) === = == ===== */

@media only screen and (min-width : 35.5625em) and (max-width : 41.6875em) {

	.back-image:before {
		background-image: url("../img/flowers-667.jpeg");
	}



#logo {

	top: .5em;
	max-width: 12em;

}


h1 {
	padding-top: .16em;

}

#wares-image-box {
	
	max-width: 20em;
	
}

#adobe-acrobat {

	
	max-width: 6.4em;

    -ms-transform: scale(0.45, 0.45); /* IE 9 */
    -webkit-transform: scale(0.45, 0.45); /* Safari */*/
    transform: scale(0.45, 0.45);*/

}


}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) 				 					and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 35.5625em) and (max-width : 41.6875em) {

	.back-image:before {
		background-image: url("../img/flowers-667-@2x.jpeg");
	}


}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 35.5625em) and (max-width : 41.6875em) {

	.back-image:before {
		background-image: url("../img/flowers-667-@3x.jpeg");
	}

}

/* ===== == = ===  (768 px) === = == ===== */

@media all and (min-width : 41.75em) and (max-width : 48em) {

		.back-image:before {
			background-image: url("../img/flowers-768.jpeg");
		}



#logo {

	top: 0.75em;
	max-width: 12.5em;

}

#navleft {

	top: 15em;
}

#navright {

	top: 15em;
}

h1 {
	padding-top: .17em;

}

#wares-text-wrapper {
	
	top: -2.8em;
}

.wares-text {
		font-size: 1.4em;
}

#wares-image-box {
	
	max-width: 28em;
	
}

#nursery-image-box {
	
	width: 97%;
	
}

#adobe-acrobat {

	
	max-width: 6.2em;

    -ms-transform: scale(0.5, 0.5); /* IE 9 */
    -webkit-transform: scale(0.5, 0.5); /* Safari */*/
    transform: scale(0.5, 0.5);*/

}


#market-garden-image-box, #workshops-image-box, #market-image-box {
	
	width: 98%;
	
}


}

@media all  and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi)and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 41.75em) and (max-width : 48em) {

	.back-image:before {
		background-image: url("../img/flowers-768-@2x.jpeg");
	}


}

@media all  and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) 					and	(-webkit-max-device-pixel-ratio: 3.5) and (max-resolution:336dpi) and (min-width : 41.75em) and (max-width : 48em) {

	.back-image:before {
		background-image: url("../img/flowers-768-@3x.jpeg");
	}


}

/* ===== == = === (900px) === = == ===== */

@media only screen and (min-width : 48.0625em) and (max-width : 56.25em) {

		.back-image:before {
			background-image: url("../img/flowers-900.jpeg");
		}



#logo {

	top: 0.75em;
	max-width: 13em;

}

#navleft {

	top: 15em;
}

#navright {

	top: 15em;
		}




h1 {
	padding-top: 0.5em;
	font-size: 2.6em;
	letter-spacing: 0.2em;

}

h2 {
		font-size: 1.3em;
		line-height: 1.9em;
		letter-spacing: 0.05em;

}

h3 {
		font-size: 1.2em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

h4 {
		font-size: 1.2em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

p {
	font-size: 1.1em;
	letter-spacing: 0.05em;
	line-height: 2.2em;
	margin-left: 1.5em;
	margin-right: 1.5em;

}

#wares-text-wrapper {
	
	top: -3em;
}

.wares-text {
		font-size: 1.5em;
}


#wares-image-box {
	max-width: 30em;

}

#nursery-image-box {
	
	width: 97%;
	
}

#market-garden-image-box, #workshops-image-box, #market-image-box {
	
	width: 98%;
	
}

#ep-studios-logo {

	width: 52%;
	position: relative;
	display: block;
	text-align: center;
	margin: auto;


}


}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 48.0625em) and (max-width : 56.25em) {

	.back-image:before {
		background-image: url("../img/flowers-900-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and	(-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 48.0625em) and (max-width : 56.25em){

	.back-image:before {
		background-image: url("../img/flowers-900-@3x.jpeg");
	}

}


/* ===== == = === (900 - 1023px) === = == ===== */					


@media only screen and (min-width : 56.3125em) and (max-width : 63.9375em) {

		.back-image:before {
			background-image: url("../img/flowers-1024.jpeg");
		}


		#logo {

			top: 1em;
			max-width: 13em;

		}

#navleft {

	top: 15em;
}

#navright {

	top: 15em;
		}





h1 {
	padding-top: 0.65em;
	font-size: 3.3em;
	letter-spacing: 0.2em;

}

h2 {
		font-size: 1.7em;
		line-height: 2.2em;
		letter-spacing: 0.05em;

}

h3 {
		font-size: 1.5em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

h4 {
		font-size: 1.5em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

p {
	font-size: 1.15em;
	letter-spacing: 0.05em;
	line-height: 2.2em;
	margin-left: 1.5em;
	margin-right: 1.5em;

}


.sub-text {
	font-size: 0.8em;
	
}

.newsletters {
	font-size: 1.2em;
}

#archive-intro {
	font-size: 1.2em;
}

.years {
	font-size: 1.6em;
}

#join-button {
	font-size: 1.5em;
}
#mailing-form {
	font-size: 1.1em;
}
#archive-button {
	font-size: 1.4em;
}





#wares-text-wrapper {
	
	top: -4em;
}

.wares-text {
		font-size: 1.6em;
}


#wares-image-box {
	max-width: 36em;

}

#nursery-image-box {
	
	max-width: 40em;
	width: 92%;
	
}

#adobe-acrobat {

	
	max-width: 6em;

    -ms-transform: scale(0.6, 0.6); /* IE 9 */
    -webkit-transform: scale(0.6, 0.6); /* Safari */*/
    transform: scale(0.6, 0.6);*/

}


#market-garden-title {
		font-size: 2.4em;
}


#market-garden-image-box, #workshops-image-box, #market-image-box {
	
	width: 98%;
	
}

			#footer-nav li {
				  display: inline;
				  padding: 1em;
 
				}


				#footer-logo-container {
	
					vertical-align: middle;
					text-align: center;
					display: inline-block;
					width: 16em;
					margin-left: 4%;
					margin-right: 4%;
	
				}


				#footer-logo {
	
					position: relative;
					display: block;
						margin: auto;
						text-align: center;
		
				   -ms-transform: scale(0.9, 0.9); /* IE 9 */
				    -webkit-transform: scale(0.9, 0.9); /* Safari */
				  	transform: scale(0.9, 0.9); 
	
	
				}

				#ep-studios-logo {

					width: 55%;
					position: relative;
					display: block;
					text-align: center;
					margin: auto;

	
				}



				#facebook-link {
	
				    -ms-transform: scale(0.9, 0.9); /* IE 9 */
				    -webkit-transform: scale(0.9, 0.9); /* Safari */*/
				    transform: scale(0.9, 0.9);*/

				}


			}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 56.3125em) and (max-width : 63.9375em) {

	.back-image:before {
		background-image: url("../img/flowers-1024-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 56.3125em) and (max-width : 63.9375em) {

	.back-image:before {
		background-image: url("../img/flowers-1024-@3x.jpeg");
	}

}


/* ===== == = === (1024px - 1200px) === = == ===== */					

@media only screen and (min-width : 64em) and (max-width : 75em) {

		.back-image:before {
			background-image: url("../img/flowers-1440.jpeg");
		}




h1 {
	padding-top: 0.65em;
	font-size: 3.1em;
	letter-spacing: 0.2em;

}

h2 {
		font-size: 1.9em;
		line-height: 1.9em;
		letter-spacing: 0.05em;

}

h3 {
		font-size: 1.7em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

h4 {
		font-size: 1.7em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

p {
	font-size: 1.3em;
	letter-spacing: 0.05em;
	line-height: 2.2em;
	margin-left: 1.5em;
	margin-right: 1.5em;

}

a {
	font-size: 1.15em;


}

.sub-text {
	font-size: 1em;
	
}

.newsletters {
	font-size: 1.4em;
}

#archive-intro {
	font-size: 1.4em;
}

.years {
	font-size: 1.8em;
}

#join-button {
	font-size: 1.8em;
}
#mailing-form {
	font-size: 1.3em;
}
#archive-button {
	font-size: 1.7em;
}


#logo {
	
	position: fixed;
	transform:scale(1);
	-webkit-transform:scale(1);

	width: 100%;
	height: 5.5em;
	max-width: 12em;
	
	left: 50%;
	margin-left: -6em;
	top: -.6em;

	padding-left: 0;
	padding-right: 0;
	
	z-index: 7;

	display: inline-block;
	background: rgba(238, 230, 255, 1);

		
	border-left: 2px groove rgba(25, 0, 77, 0.2);
	border-right: 2px groove rgba(25, 0, 77, 0.2);

	border-top-left-radius: 26px 30px;
	border-top-right-radius: 26px 30px;
	

}




#top-nav {

visibility: hidden;
position: fixed;

	
width: 64em;
height: 5em;
/*max-width: 11em;*/


	left: 50%;
	margin-left: -32em;

	border-top-left-radius: 10px 20px;
	border-top-right-radius: 10px 20px;

	border-bottom-left-radius: 36px 40px;
	border-bottom-right-radius: 36px 40px;

	z-index: 5;
	

	background: -prefix-linear-gradient(bottom, rgba(187, 153, 255, 0.1),
	  rgba(238, 230, 255, 1));
	  background: linear-gradient(to bottom , rgba(187, 153, 255, 0.1),
	    rgba(238, 230, 255, 1));

			background: rgba(238, 230, 255, 1);
	
			border-left: 2px groove rgba(25, 0, 77, 0.2);
			border-right: 2px groove rgba(25, 0, 77, 0.2);


	box-shadow: 0px 20px 10px -10px rgba(25, 0, 77, 0.6);

}

#hamburgleft, #hamburgright, #navleftlist, #navrightlist {
	
	visibility: hidden;
	
}

#navleft {
	
	visibility: hidden;
	position: fixed;
	
	top: -.5em;
	width: 30%;
	left: 39%;
	padding-left: 4em;
	height: 4.6875em;
}

#navright {
	
	visibility: hidden;
	position: fixed;
	
	top: -.5em;
	width: 30%;
	right: 39%;
	padding-right: 4em;
	height: 4.6875em;
}




		#news {
			left: 0.9%;
		}

		#pics {
			left: 24%;
		}

		#contact {
			left: 47%;
		}


		#links {
			left: 70%;
		}


		#wares-text-wrapper {
	
			top: -5em;
		}

		.wares-text {
				font-size: 1.9em;
		}

		#wares-image-box {
	
			max-width: 42em;
		
		}
		
		#nursery-image-box {
	
			max-width: 43em;
			width: 94%;
	
		}
		
		#adobe-acrobat {

			
			max-width: 4em;

		    -ms-transform: scale(0.6, 0.6); /* IE 9 */
		    -webkit-transform: scale(0.6, 0.6); /* Safari */*/
		    transform: scale(0.6, 0.6);*/
		
		}
		

		#market-garden-title {
				font-size: 2.6em;
		}


		#market-garden-image-box, #workshops-image-box, #market-image-box {
	
			width: 100%;
			max-width: 48em;
		}
		

		#archive-button {
	
			top: 2em;
	
		}		


		#about-us, #our-wares, #plants-nursery, #work-shops, #news-letter, #pics-images, #contact-info, #other-links, #footer-box {
			
					width: 84%;
					max-width: 56em;
				}

				#footer-nav li {
				  display: inline;
				  padding: 1em;
 
				}


				#footer-logo-container {
	
					vertical-align: middle;
					text-align: center;
					display: inline-block;
					width: 16em;
					margin-left: 4%;
					margin-right: 4%;
	
				}


				#footer-logo {
	
					position: relative;
					display: block;
						margin: auto;
						text-align: center;
		
				   -ms-transform: scale(0.9, 0.9); /* IE 9 */
				    -webkit-transform: scale(0.9, 0.9); /* Safari */
				  	transform: scale(0.9, 0.9); 
	
	
				}

				#ep-studios-logo {

					width: 55%;
					position: relative;
					display: block;
					text-align: center;
					margin: auto;

	
				}



				#facebook-link {
	
				    -ms-transform: scale(0.9, 0.9); /* IE 9 */
				    -webkit-transform: scale(0.9, 0.9); /* Safari */*/
				    transform: scale(0.9, 0.9);*/

				}

		

			}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 64em) and (max-width : 75em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 64em) and (max-width : 75em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@3x.jpeg");
	}

}


/* ===== == = === (1200px - 1440px) === = == ===== */					

@media only screen and (min-width : 75.0625em) and (max-width : 90em) {

		.back-image:before {
			background-image: url("../img/flowers-1440.jpeg");
		}



h1 {
	padding-top: 0.65em;
	font-size: 3.5em;
	letter-spacing: 0.2em;

}

h2 {
		font-size: 1.9em;
		line-height: 2.1em;
		letter-spacing: 0.05em;

}

h3 {
		font-size: 1.9em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

h4 {
		font-size: 1.9em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

p {
	font-size: 1.5em;
	letter-spacing: 0.05em;
	line-height: 2.2em;
	margin-left: 1.5em;
	margin-right: 1.5em;

}

a {
	font-size: 1.15em;


}

.sub-text {
	font-size: 1em;
	
}

.newsletters {
	font-size: 1.4em;
}

#archive-intro {
	font-size: 1.4em;
}

.years {
	font-size: 1.8em;
}

#join-button {
	font-size: 1.8em;
}
#mailing-form {
	font-size: 1.3em;
}
#archive-button {
	font-size: 1.7em;
}


#logo {
	
	position: fixed;
	transform:scale(1);
	-webkit-transform:scale(1);

	width: 100%;
	height: 5.8em;
	max-width: 12.2em;
	
	left: 50%;
	margin-left: -6.1em;
	top: 0.2em;

	padding-left: 0;
	padding-right: 0;
	
	z-index: 7;

	display: inline-block;
	background: rgba(238, 230, 255, 1);

		
	border-left: 2px groove rgba(25, 0, 77, 0.2);
	border-right: 2px groove rgba(25, 0, 77, 0.2);

	border-top-left-radius: 26px 30px;
	border-top-right-radius: 26px 30px;
	

}




#top-nav {

visibility: hidden;
position: fixed;

	
width: 74em;
height: 5em;
/*max-width: 11em;*/


	left: 50%;
	margin-left: -37em;

	border-top-left-radius: 10px 20px;
	border-top-right-radius: 10px 20px;

	border-bottom-left-radius: 36px 40px;
	border-bottom-right-radius: 36px 40px;

	z-index: 5;
	

	background: -prefix-linear-gradient(bottom, rgba(187, 153, 255, 0.1),
	  rgba(238, 230, 255, 1));
	  background: linear-gradient(to bottom , rgba(187, 153, 255, 0.1),
	    rgba(238, 230, 255, 1));

			background: rgba(238, 230, 255, 1);
	
			border-left: 2px groove rgba(25, 0, 77, 0.2);
			border-right: 2px groove rgba(25, 0, 77, 0.2);


	box-shadow: 0px 20px 10px -10px rgba(25, 0, 77, 0.6);

}

#hamburgleft, #hamburgright, #navleftlist, #navrightlist {
	
	visibility: hidden;
	
}

#navleft {
	
	visibility: hidden;
	position: fixed;
	
	top: -.5em;
	width: 32%;
	left: 42%;
	padding-left: 4em;
	height: 4.6875em;
}

#navright {
	
	visibility: hidden;
	position: fixed;
	
	top: -.5em;
	width: 32%;
	right: 42%;
	padding-right: 4em;
	height: 4.6875em;
}




		#news {
			left: 0.9%;
		}

		#pics {
			left: 24%;
		}

		#contact {
			left: 47%;
		}


		#links {
			left: 70%;
		}


		#wares-text-wrapper {
	
			top: -5em;
		}

		.wares-text {
				font-size: 1.9em;
		}

		#wares-image-box {
	
			max-width: 48em;
		
		}
		
		#nursery-image-box {
	
			max-width: 52em;
			width: 96%;
	
		}
		
		#adobe-acrobat {

			
			max-width: 4em;

		    -ms-transform: scale(0.7, 0.7); /* IE 9 */
		    -webkit-transform: scale(0.7, 0.7); /* Safari */*/
		    transform: scale(0.7, 0.7);*/
		
		}
		

		#market-garden-title {
				font-size: 2.6em;
		}


		#market-garden-image-box, #workshops-image-box, #market-image-box {
	
			width: 100%;
			max-width: 58em;
		}

		#archive-button {
	
			top: 2em;
	
		}		
		

		#about-us, #our-wares, #plants-nursery, #work-shops, #news-letter, #pics-images, #contact-info, #other-links, #footer-box {
			
					width: 88%;
					max-width: 65em;
				}

				#footer-nav li {
				  display: inline;
				  padding: 1em;
 
				}


				#footer-logo-container {
	
					vertical-align: middle;
					text-align: center;
					display: inline-block;
					width: 16em;
					margin-left: 4%;
					margin-right: 4%;
	
				}

	#footer-headshot {
		
		max-width: 11em;
		
		

	}
				#footer-logo {
	
					position: relative;
					display: block;
						margin: auto;
						text-align: center;
		
				   -ms-transform: scale(1.2, 1.2); /* IE 9 */
				    -webkit-transform: scale(1.2, 1.2); /* Safari */
				  	transform: scale(1.2, 1.2); 
	
	
				}

				#ep-studios-logo {

					width: 60%;
					position: relative;
					display: block;
					text-align: center;
					margin: auto;

	
				}



				#facebook-link {
	
				    -ms-transform: scale(1, 1); /* IE 9 */
				    -webkit-transform: scale(1, 1); /* Safari */*/
				    transform: scale(1, 1);

    }
	
    .home {
    	
        -ms-transform: scale(1.3, 1.3); /* IE 9 */
        -webkit-transform: scale(1.3, 1.3); /* Safari */*/
        transform: scale(1.3, 1.3);
    
	}

		

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 75.0625em) and (max-width : 90em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 75.0625em) and (max-width : 90em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@3x.jpeg");
	}

}


/* ===== == = === (1400px - 1600px) === = == ===== */					

@media only screen and (min-width : 87.5625em) and (max-width : 100em) {

		.back-image:before {
			background-image: url("../img/flowers-1440.jpeg");
		}



h1 {
	padding-top: 0.65em;
	font-size: 3.5em;
	letter-spacing: 0.2em;

}

h2 {
		font-size: 1.9em;
		line-height: 2.1em;
		letter-spacing: 0.05em;

}

h3 {
		font-size: 1.9em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

h4 {
		font-size: 1.9em;
		letter-spacing: 0.05em;
		line-height: 1.7em;

}

p {
	font-size: 1.5em;
	letter-spacing: 0.05em;
	line-height: 2.2em;
	margin-left: 1.5em;
	margin-right: 1.5em;

}

a {
	font-size: 1.15em;


}

.sub-text {
	font-size: 1em;
	
}

.newsletters {
	font-size: 1.4em;
}

#archive-intro {
	font-size: 1.4em;
}

.years {
	font-size: 1.8em;
}

#join-button {
	font-size: 1.8em;
}
#mailing-form {
	font-size: 1.3em;
}
#archive-button {
	font-size: 1.7em;
}


#logo {
	
	position: fixed;
	transform:scale(1);
	-webkit-transform:scale(1);

	width: 100%;
	height: 5.8em;
	max-width: 12.2em;
	
	left: 50%;
	margin-left: -6.1em;
	top: 0.2em;

	padding-left: 0;
	padding-right: 0;
	
	z-index: 7;

	display: inline-block;
	background: rgba(238, 230, 255, 1);

		
	border-left: 2px groove rgba(25, 0, 77, 0.2);
	border-right: 2px groove rgba(25, 0, 77, 0.2);

	border-top-left-radius: 26px 30px;
	border-top-right-radius: 26px 30px;
	

}




#top-nav {

visibility: hidden;
position: fixed;

	
width: 78em;
height: 5em;
/*max-width: 11em;*/


	left: 50%;
	margin-left: -39em;

	border-top-left-radius: 10px 20px;
	border-top-right-radius: 10px 20px;

	border-bottom-left-radius: 36px 40px;
	border-bottom-right-radius: 36px 40px;

	z-index: 5;
	

	background: -prefix-linear-gradient(bottom, rgba(187, 153, 255, 0.1),
	  rgba(238, 230, 255, 1));
	  background: linear-gradient(to bottom , rgba(187, 153, 255, 0.1),
	    rgba(238, 230, 255, 1));

			background: rgba(238, 230, 255, 1);
	
			border-left: 2px groove rgba(25, 0, 77, 0.2);
			border-right: 2px groove rgba(25, 0, 77, 0.2);


	box-shadow: 0px 20px 10px -10px rgba(25, 0, 77, 0.6);

}

#hamburgleft, #hamburgright, #navleftlist, #navrightlist {
	
	visibility: hidden;
	
}

#navleft {
	
	visibility: hidden;
	position: fixed;
	
	top: -.5em;
	width: 32%;
	left: 42%;
	padding-left: 4em;
	height: 4.6875em;
}

#navright {
	
	visibility: hidden;
	position: fixed;
	
	top: -.5em;
	width: 32%;
	right: 42%;
	padding-right: 4em;
	height: 4.6875em;
}




		#news {
			left: 0.9%;
		}

		#pics {
			left: 24%;
		}

		#contact {
			left: 47%;
		}


		#links {
			left: 70%;
		}


		#wares-text-wrapper {
	
			top: -5em;
		}

		.wares-text {
				font-size: 1.9em;
		}

		#wares-image-box {
	
			max-width: 48em;
		
		}
		
		#nursery-image-box {
	
			max-width: 52em;
			width: 96%;
	
		}

		#adobe-acrobat {

			
			max-width: 4em;

		    -ms-transform: scale(0.7, 0.7); /* IE 9 */
		    -webkit-transform: scale(0.7, 0.7); /* Safari */*/
		    transform: scale(0.7, 0.7);*/
		
		}




		#market-garden-title {
				font-size: 2.6em;
		}


		#market-garden-image-box, #workshops-image-box, #market-image-box {
	
			width: 100%;
			max-width: 58em;
		}
		
		
#archive-button {
	
	top: 2em;
	
}		

		#about-us, #our-wares, #plants-nursery, #work-shops, #news-letter, #pics-images, #contact-info, #other-links, #footer-box {
			
					width: 88%;
					max-width: 65em;
				}

				#footer-nav li {
				  display: inline;
				  padding: 1em;
 
				}


				#footer-logo-container {
	
					vertical-align: middle;
					text-align: center;
					display: inline-block;
					width: 16em;
					margin-left: 4%;
					margin-right: 4%;
	
				}

	#footer-headshot {
		
		max-width: 11em;
		
		

	}
				#footer-logo {
	
					position: relative;
					display: block;
						margin: auto;
						text-align: center;
		
				   -ms-transform: scale(1.2, 1.2); /* IE 9 */
				    -webkit-transform: scale(1.2, 1.2); /* Safari */
				  	transform: scale(1.2, 1.2); 
	
	
				}

				#ep-studios-logo {

					width: 60%;
					position: relative;
					display: block;
					text-align: center;
					margin: auto;

	
				}



				#facebook-link {
	
				    -ms-transform: scale(1, 1); /* IE 9 */
				    -webkit-transform: scale(1, 1); /* Safari */*/
				    transform: scale(1, 1);

    }
	
    .home {
    	
        -ms-transform: scale(1.3, 1.3); /* IE 9 */
        -webkit-transform: scale(1.3, 1.3); /* Safari */*/
        transform: scale(1.3, 1.3);
    
	}

		

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 87.5625em) and (max-width : 100em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 87.5625em) and (max-width : 100em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@3x.jpeg");
	}

}



/* ===== == = === (1600px and Bigger) === = == ===== */					

@media only screen and (min-width : 100.0625em) {

		.back-image:before {
			background-image: url("../img/flowers-1440.jpeg");
		}



		h1 {
			padding-top: 0.65em;
			font-size: 4em;
			letter-spacing: 0.2em;

		}

		h2 {
				font-size: 2.1em;
				line-height: 2.1em;
				letter-spacing: 0.05em;

		}

		h3 {
				font-size: 2.1em;
				letter-spacing: 0.05em;
				line-height: 1.7em;

		}

		h4 {
				font-size: 2.1em;
				letter-spacing: 0.05em;
				line-height: 1.7em;

		}

		p {
			font-size: 1.5em;
			letter-spacing: 0.05em;
			line-height: 2.2em;
			margin-left: 1.5em;
			margin-right: 1.5em;

		}

		a {
			font-size: 1.15em;


		}

		.sub-text {
			font-size: 1em;
	
		}

		.newsletters {
			font-size: 1.4em;
		}

		#archive-intro {
			font-size: 1.4em;
		}

		.years {
			font-size: 1.8em;
		}

		#join-button {
			font-size: 1.8em;
		}
		#mailing-form {
			font-size: 1.3em;
		}
		#archive-button {
			font-size: 1.6em;
		}


		#logo {
	
			position: fixed;
			transform:scale(1.2);
			-webkit-transform:scale(1.2);

			width: 100%;
			height: 5.8em;
			max-width: 12.4em;
	
			left: 50%;
			margin-left: -6.1em;
			top: 0.2em;

			padding-left: 0;
			padding-right: 0;
	
			z-index: 7;

			display: inline-block;
			background: rgba(238, 230, 255, 1);

		
			border-left: 2px groove rgba(25, 0, 77, 0.2);
			border-right: 2px groove rgba(25, 0, 77, 0.2);

			border-top-left-radius: 26px 30px;
			border-top-right-radius: 26px 30px;
	

		}




		#top-nav {

		visibility: hidden;
		position: fixed;

	
		width: 94em;
		height: 5em;
		/*max-width: 11em;*/


			left: 50%;
			margin-left: -47em;

			border-top-left-radius: 10px 20px;
			border-top-right-radius: 10px 20px;

			border-bottom-left-radius: 36px 40px;
			border-bottom-right-radius: 36px 40px;

			z-index: 5;
	

			background: -prefix-linear-gradient(bottom, rgba(187, 153, 255, 0.1),
			  rgba(238, 230, 255, 1));
			  background: linear-gradient(to bottom , rgba(187, 153, 255, 0.1),
			    rgba(238, 230, 255, 1));

					background: rgba(238, 230, 255, 1);
	
					border-left: 2px groove rgba(25, 0, 77, 0.2);
					border-right: 2px groove rgba(25, 0, 77, 0.2);


			box-shadow: 0px 20px 10px -10px rgba(25, 0, 77, 0.6);

		}

		#hamburgleft, #hamburgright, #navleftlist, #navrightlist {
	
			visibility: hidden;
	
		}

		#navleft {
	
			visibility: hidden;
			position: fixed;
	
			top: -.5em;
			width: 34%;
			max-width: 42em;
			left: 46%;
			padding-left: 1em;
			height: 4.6875em;
		}

		#navright {
	
			visibility: hidden;
			position: fixed;
	
			top: -.5em;
			width: 34%;
			max-width: 42em;
			right: 46%;
			padding-right: 1em;
			height: 4.6875em;
		}




				#news {
					left: 0.9%;
				}

				#pics {
					left: 24%;
				}

				#contact {
					left: 47%;
				}


				#links {
					left: 70%;
				}


				#wares-text-wrapper {
	
					top: -5em;
				}

				.wares-text {
						font-size: 1.9em;
				}

				#wares-image-box {
	
					max-width: 66em;
		
				}
		
				#nursery-image-box {
	
					max-width: 66em;
					width: 96%;
	
				}

				#adobe-acrobat {
 
					
					max-width: 3em;
		
				    -ms-transform: scale(0.8, 0.8); /* IE 9 */
				    -webkit-transform: scale(0.8, 0.8); /* Safari */*/
				    transform: scale(0.8, 0.8);*/
				
				}
				
					
				#market-garden-title {
						font-size: 3em;
				}


				#market-garden-image-box, #workshops-image-box, #market-image-box {
	
					width: 100%;
					max-width: 80em;
				}


				#archive-button {
	
					top: 2em;
	
				}		
		

				#about-us, #our-wares, #plants-nursery, #work-shops, #news-letter, #pics-images, #contact-info, #other-links, #footer-box {
			
							width: 95%;
							max-width: 80em;
						}

						#footer-nav li {
						  display: inline;
						  padding: 1em;
 
						}


						#footer-logo-container {
	
							vertical-align: middle;
							text-align: center;
							display: inline-block;
							width: 16em;
							margin-left: 4%;
							margin-right: 4%;
	
						}

			#footer-headshot {
		
				max-width: 11em;
		
		

			}
						#footer-logo {
	
							position: relative;
							display: block;
								margin: auto;
								text-align: center;
		
						   -ms-transform: scale(1.2, 1.2); /* IE 9 */
						    -webkit-transform: scale(1.2, 1.2); /* Safari */
						  	transform: scale(1.2, 1.2); 
	
	
						}

						#ep-studios-logo {

							width: 60%;
							position: relative;
							display: block;
							text-align: center;
							margin: auto;

	
						}



						#facebook-link {
	
						    -ms-transform: scale(1, 1); /* IE 9 */
						    -webkit-transform: scale(1, 1); /* Safari */*/
						    transform: scale(1, 1);

		    }
	
		    .home {
    	
		        -ms-transform: scale(1.5, 1.5); /* IE 9 */
		        -webkit-transform: scale(1.5, 1.5); /* Safari */*/
		        transform: scale(1.5, 1.5);
    
		}

		

}


@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution:144dpi) and (-webkit-max-device-pixel-ratio:2) and (max-resolution:192dpi) and (min-width : 100.0625em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@2x.jpeg");
	}

}

@media only screen and (-webkit-min-device-pixel-ratio: 2.4) and (min-resolution:220dpi) and (-webkit-max-device-pixel-ratio: 3) and (max-resolution:288dpi) and (min-width : 100.0625em) {

	.back-image:before {
		background-image: url("../img/flowers-1440-@3x.jpeg");
	}

}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}