/* MEDIA SCREEN SIZES: */
/* lg. */@media screen and (max-width:1020px){}
/* md. */@media screen and (max-width:780px){}
/* sm. */@media screen and (max-width:480px){}	

body
{background-color: #E7D3C3;}

a {color:#3CA26E;}
	a:hover {color:#ed1c42;}
li
{font-family: 'courier new';	
letter-spacing: .5px;
line-height: 20px;}
li a {color:#3CA26E;}
li a:hover {color:#ed1c42;}


h1
{font-family: 'courier new';	
letter-spacing: .5px;
line-height: 20px;
font-size:18px;
text-transform: uppercase;	
font-weight: 100;}



h2
{font-family: 'courier new';	
letter-spacing: .5px;
line-height: 20px;
font-size:16px;
text-transform: uppercase;	
font-weight: 100;}


h3
{font-family: 'courier new';	
letter-spacing: .5px;
line-height: 20px;
font-size:18px;
text-transform: uppercase;	
font-weight: 100;
margin:0px;
text-decoration: none;}


p
{font-family: 'courier new';	
letter-spacing: .5px;
line-height: 20px;}
p a {color:#3CA26E;}
p a:hover {color:#ed1c42;}

.left
{text-align: left;}

.footer-links
{font-size: 17px;}
.copyright
{font-size: 12px;}

.two-columns
{display: inline-block;
max-width: 300px;
padding:20px;
padding-top: 0;
padding-bottom: 0;}

.csa-items
{width:80%;}
.csa-items img, p
{vertical-align: middle;}




.logo
/* xl.*/@media screen and (max-width:1500px){.logo {width:40%;}}
/* lg.*/@media screen and (max-width:1000px){.logo {width:60%;}}
/* md. */@media screen and (max-width:780px){.logo {width:70%;}}
/* sm. */@media screen and (max-width:480px){.logo {width:95%;}}

.worm-menu
{width:175px;}

.our-farm
{width: 36%;}
/* lg.*/@media screen and (max-width:1000px){.our-farm {width:56%;}}
/* md. */@media screen and (max-width:780px){.our-farm {width:66%;}}
/* sm. */@media screen and (max-width:480px){.our-farm {width:91%;}}

.about-us
{width: 30%;
position:relative;
z-index: 1;}
/* lg.*/@media screen and (max-width:1000px){.about-us {width:40%;}}
/* md. */@media screen and (max-width:780px){.about-us {width:60%;}}
/* sm. */@media screen and (max-width:480px){.about-us {width:80%;}}

.whats-in-box
{width:575px;}
/* lg.*/@media screen and (max-width:700px){.whats-in-box {width:91%;}}


.bio-photo
{width:40%;
margin-top:-20px;
border:1px black dashed;}
/* lg.*/@media screen and (max-width:1000px){.bio-photo {width:60%;}}
/* md. */@media screen and (max-width:780px){.bio-photo {width:70%;}}
/* sm. */@media screen and (max-width:480px){.bio-photo {width:95%;}}

.grid-photo
{width:48.5vw;
height:56vw;	
object-fit: cover;	
border:1px black dashed;}
/* sm. */@media screen and (max-width:805px){.grid-photo {width:90vw; height:auto;}}

.big-photo
{width:48.5vw;
height:auto;	
border:1px black dashed;}
/* sm. */@media screen and (max-width:805px){.big-photo {width:90vw; height:auto;}}

.wide
{width:98vw;
max-height:98vh;
object-fit: cover;	
border:1px black dashed;}
/* sm. */@media screen and (max-width:805px){.grid-photo {width:90vw; height:auto;}}


.cutout-photo
{width:300px;}
/* sm. */@media screen and (max-width:480px){.cutout-photo {width:90%;}}

.text-box
{width:40%;}



/* lg.*/@media screen and (max-width:1000px){.text-box {width:60%;}}
/* md. */@media screen and (max-width:780px){.text-box {width:70%;}}
/* sm. */@media screen and (max-width:480px){.text-box {width:95%;}}
.item-box
{width:40%;
display: inline-grid;}
/* lg.*/@media screen and (max-width:1000px){.item-box {width:60%;}}
/* md. */@media screen and (max-width:780px){.item-box {width:70%;}}
/* sm. */@media screen and (max-width:480px){.item-box {width:95%;}}


.non-link-object
{padding:15px;}

.link-object
{padding:15px;}

.link-object:hover
{/* shake animation + time */
animation: shake 5s;
animation-iteration-count: infinite;}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }}


.tiny {width:70px;}
.extra-small {width:100px;}
.small-medium {width:120px;}
.small {width:140px;}
.normal-small {width:170px;}
.normal {width:200px;}
.normal-large {width:225px;}
.large {width:250px;}
.extra-large {width:400px;}
/* sm. */@media screen and (max-width:480px){.extra-large {width:95%;}}



/* START OF DROPDOWN MENU CSS */
/* dropdown Button */
.dropbtn {}
/* dropdown button on hover & focus */
.dropbtn:hover
{/* shake animation on worm menu, 3 second wiggle */
animation: shake 3s;
animation-iteration-count: infinite;}
@keyframes shake {
0% { transform: translate(1px, 1px) rotate(0deg); }
10% { transform: translate(-1px, -2px) rotate(-1deg); }
20% { transform: translate(-3px, 0px) rotate(1deg); }
30% { transform: translate(3px, 2px) rotate(0deg); }
40% { transform: translate(1px, -1px) rotate(1deg); }
50% { transform: translate(-1px, 2px) rotate(-1deg); }
60% { transform: translate(-3px, 1px) rotate(0deg); }
70% { transform: translate(3px, 1px) rotate(-1deg); }
80% { transform: translate(-1px, -1px) rotate(1deg); }
90% { transform: translate(1px, 2px) rotate(0deg); }
100% { transform: translate(1px, -2px) rotate(-1deg); }}
/* dropdown position div */
.dropdown 
{position: relative;
display: inline-block;}
/* hidden until clicked dropdown content */
.dropdown-content 
{font-family: 'courier new';	
font-size: 14px;	
text-transform: uppercase;
display: none;
position: absolute;
background-color: #E7D3C3;
border:1px black dashed;	
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;}
/* dropdown links */
.dropdown-content a
{color: black;
padding:15px;	
text-decoration: none;
display: block;}
/* dropdown links on hover */
.dropdown-content a:hover 
{background-color: #f7afce;
border-top:1px black dashed;
border-bottom:1px black dashed;}
/* show the dropdown */
.show {display:block;}
/* END OF DROPDOWN MENU CSS */



.inline
{display: inline-block;}
.vegetable-parent