/*
Dark Green #467302;RGB 70, 115, 2;

Lighter Green #72A603 RGB 114, 166m 3

Cream #F7E8D3 RGB 247, 232, 211

Yellow #FFDF00 RGB 255, 223, 0

Red #D30000 RGB 211, 0, 0
*/

/* font-family; "ribeye", serif;
font-family: "caudex", serif;
font-family:"esteban", serif;*/

/* shift + alt + F cleans up the code */
/* shift + alt + A comments out */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body
{
    font-family: "esteban", serif;
}

#twentyweeks {
background-image:url(../images/Background20wks.png);
background-size: cover;
text-align: center;
padding: 120px 50px 100px 50px;
}

h3 {
font-family: "esteban", serif;
font-weight: 200;
color: #f7e8d3;
font-size: 50px;
border-radius: 30px;
padding: 10px 15px 10px 15px;
margin-bottom:50px;
}

h2 {
font-family:"ribeye", serif;
font-weight:400 ;
font-size: 70px;
border-radius: 30px;
padding: 10px 15px 10px 15px;
margin-bottom:50px;
color: #d30000;

}

#twentyweeks a {
font-family: "esteban", serif ;
background-color: #72A603 ;
font-weight: 400 ;
color: #ffdf00 ;
font-size: 24px;
text-transform: uppercase ;
border-radius: 30px ;
padding: 10px 15px 10px 15px ;
text-decoration: none ;

}

#twentyweeks a:hover{
    background-color: #467302;
    color: #f7e8d3;
}

header {
background-color: #f7e8d3;
padding: 200px 100px;
background-image: url(../images/BackgroundJalapenos.jpg);
background-size:cover;
text-decoration: none;
}


h1{
        font-family: "ribeye", serif;
        color: white;
        font-size: 125px;
        text-shadow:rgba(0, 0, 0, 0.548) 4px 5px 3px;
    
    }

header h4 {
    font-family: "esteban", serif;
    color:#ffdf00;
    font-size: 64px;
    margin-bottom: 40px;
}

header a {
background-color: #72A603;
padding: 15px;
border-radius: 30px;
color:#ffdf00;
font-size: 24px;
text-transform: uppercase;
}

header a:hover {
    background-color:rgb(70, 115, 2);
    color:#f7e8d3;

}
.farmertext {
    width: 600px;
    min-width: 350px;
    }

    .jaun
{
    margin-top: 80px;
    margin-right: 20px;
}  
#meetyourfarmer {
background-color: #467302;
background-image:url(../images/Backgroundfarmer.png); 
padding: 100px 50px 100px 50px;
background-size: cover;
justify-content: center;
border-top: 3px #f7e8d3;
border-bottom: 3px #f7e8d3;  
display: flex;
flex-wrap: wrap;
justify-content: center; 
}

#meetyourfarmer h2 {
    font-family:"ribeye", serif;
    font-size: 70px;
    
}

#meetyourfarmer p {
line-height: 24px;
font-family: "esteban", serif;
color:white;
width:600px;
background-color: #467302;
    padding: 20px;
    border-radius:20px; 
    
}

#meetthefarmer p {
line-height: 24px;
font-family: "esteban", serif;
color:white;
width:600px;
}

 nav {
background-color: rgb(70, 115, 2);
position: fixed;
padding: 10px 100px;
width: 100%;
border-bottom: 2px solid #f7e8d3;
z-index:10;
    display: flex;
    justify-content: space-between; 
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;

}


nav a {
color: white;
font-size: 24px;
text-decoration: none;
font-weight: bold;
font-family: "caudex", serif;
}

nav .links a {
font-size: 20px;
text-transform: uppercase;
padding-right: 20px;
text-align: left;
font-family: "esteban", serif;
}

nav a:hover {
color: #CFD989;
}

h2 {
    font-family: "ribeye", serif;
    font-weight: 400;
    color: #d30000;
    font-size: 70px;
}

footer {
background-color:#467302;
padding: 15px 50px 5px 50px;
color: #f7e8d3;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap-reverse;
}

footer a {
color: white;
text-decoration: none;

}

footer a:hover {
color: #d30000;
}
footer div a {
color: #f7e8d3;
font-size: 30px;
padding-right: 5px;
padding-top: 10px;

}
footer div a:hover {
       color: #ffdf00;
}


#produce div
{display: flex;
flex-wrap: wrap;
justify-content: center;
}

#produce{
    background-color: #F7E8D3;
    background-image: url("https://www.transparenttextures.com/patterns/rice-paper-2.png");
    padding: 100px 0;
    text-align: center;
}

#produce img {
    max-width: 300px;
    margin: 10px;
    }


#produce h2 {
    text-shadow: none;
}

#boxes {
background-color: #F7E8D3;
background-image: url("https://www.transparenttextures.com/patterns/rice-paper-2.png");
text-align: center;
padding: 100px;
}

#boxes p {
font-size: 24px;
line-height: 35px;
}

#boxes div 
{
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
}

#boxes article {
width: 250px;
background-color: rgb(79, 166, 3, .3);
border-radius: 20px;
margin: 10px;
text-align: center;
padding: 20px;
margin-top: 30px;
}

#boxes h3 {
  color: #467302;
  margin: 13px 0;
  font-size: 35px;
  font-family: 'esteban', serif;
}

#boxes li {
list-style-type: none; 
}