/* font-family: "Architects Daughter", cursive; -->
<!-- font-family: "Mohave", sans-serif; -->
<!-- font-family: "McLaren", sans-serif; -->
red - A40000
orange - EB903F
dark green - 569A4C 
yellow - FFD587
light green - 93BF00*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: "Mohave", sans-serif;
}
#twentyweeks {
background-image: url(images3/grass.png);
background-size: cover;
text-align: center;
padding: 120px 50px 100px 50px;
}
h3 {
font-family: "Architects Daughter", cursive;
color: white;
font-size: 50px;
margin-bottom: 50px;
}

#boxes div {

display: flex;
justify-content: space-evenly;
flex-wrap: wrap;

}
#produce div

{
display: flex;
flex-wrap: wrap;
justify-content: center;

}

h2 {
font-family: "Architects Daughter", cursive;
font-weight: 700;
color: #569A4C;
font-size: 70px;
/*text-shadow: rgba(0, 0, 0, 0.62) 6px 6px 10px;*/
text-transform: uppercase;
display: flex;
}

#twentyweeks a {
background-color: #EB903F;
font-weight: 700;
color: black;
font-size: 20px;
text-transform: uppercase;
border-radius: 30px;
padding: 10px 15px 10px 15px;
text-decoration: none;
}
#twentyweeks a:hover{
background-color:#AF2106;
color:white;
}
#twentyweeks h3
{
    text-shadow: 0px 2px 7px rgba(0,0,0,0.73);
}
header {
background-color: black;
padding: 200px 100px;
background-image: url(images3/headerblg.jpg);
background-size: cover;
}
h1 {
font-family: "Architects Daughter", cursive;
color: white;
font-size: 100px;
text-shadow: rgba(0, 0, 0, 0.548) 4px 5px 3px;
}
header h4 {
font-family: "Mohave", cursive;
color: #ffffff;
font-size: 50px;
margin-bottom: 40px;
text-shadow: rgba(0, 0, 0, 0.445) 6px 6px 6px;
}
header a {
background-color: #FFD587;
padding: 15px;
border-radius: 30px;
color: rgb(0, 0, 0);
font-weight: 400;
font-size: 20px;
text-transform: uppercase;
text-decoration: none;
}
header a:hover{
background-color:#b3ba81;
color:black;
}

#meetyourfarmer

{

display: flex;
flex-wrap: wrap;
justify-content: center;

}

#meetyourfarmer {
background-image: url(images3/Red.png);
padding: 100px 50px 100px 50px;
background-size: cover;
justify-content: center;
border-top: 3px solid white;
border-bottom: 3px solid white;
display: flex;

}
.Juan
{
    margin-right:30px;
}
#meetyourfarmer h2 {
color: white;
text-shadow: 0px 2px 7px rgba(0,0,0,0.73);
}
#meetyourfarmer img {
border: white solid 4px;
}
#meetyourfarmer p {
line-height: 120%;
color: white;
font-size: 20px;
background-color: rgba(0, 0, 0, 0.4);
padding: 20px;
border-radius: 20px;
width:600px;
min-width:350px;
}

nav
{
background-color: rgb(175,33,6);
position: fixed;
padding: 10px 100px;
width: 100%;
display: flex;
justify-content: space-between;
align-content: flex-start;
align-items: center;
border-bottom:2px solid white;
}

nav {
background-color: rgb(175, 33, 6);
position: fixed;
padding: 10px 100px;
width: 100%;
border-bottom: 2px solid white;
z-index: 10;
}
nav a {
color: white;
font-size: 24px;
text-decoration: none;
font-weight: bold;
font-family: "Mohave", sans-serif;
padding:10px;
}
nav .links a {
font-size: 20px;
text-transform: uppercase;
font-weight: 200;
padding-right: 20px;
text-align: left;
font-family: "McLaren", sans-serif;
}
nav a:hover {
color: #cfd989;
}
footer
{
   display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap-reverse;
   background-color: #434242;
   color: white;
   padding: 20px 100px;
}
footer {
background-color: #434242;
padding: 15px 50px 5px 50px;
color: white;
}
footer a {
color: white;
text-decoration: none;
}
footer a:hover {
color: #cfd989;
}
footer div a {
color: #ccd683;
font-size: 30px;
padding-right: 5px;
padding-top: 10px;
}
footer div a:hover {
color: white;
}
#produce {
background-color: #3A3A3A;
padding: 100px 0;
text-align: center;
}
#produce img {
margin: 10px;
}
#produce h2 {
text-shadow: none;
}
#boxes {
background-color: rgba(207, 217, 137, 0.71);
text-align: center;
padding: 100px;
}
#boxes p {
font-size: 24px;
line-height: 35px;
}
#boxes article {
width: 250px;
background-color: rgba(255, 255, 255, 0.4);
margin: 10px;
text-align: center;
padding: 20px;
margin-top: 30px;
}
#boxes h3 {
color: #EB903F;
margin: 13px 0;
font-size: 35px;
font-family: 'Karantina', cursive;
text-shadow: none;
}
#boxes li {
list-style-type: none;
}