*

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

    body {
        background-color: #ffffff;
        font-family: "Risque", serif;
        font-weight: 400;
    }

    h1 {
        font-family: "Luckiest Guy", cursive;
        font-weight: 300;
        font-style: normal;
        font-size: 126px;
        color: #C43F40;

    }

    h4 {
        font-family: "Risque", serif;
        color: #F5F5F5;
        font-size:66px;
    }

    nav {
        background-color: #EF7707;
        position: fixed;
        padding: 10px 100px;
        width: 100%;
        border-bottom: 2px solid rgb(0, 0, 0);
       /*you are  missing all of this to make it flex*/
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        align-content: flex-start;
        z-index: 10;

    }
    
    .links a {
        font-size: 20px;
        font-weight: 200;
        text-transform: uppercase;
        padding-right: 20px;
        text-align: left;
        font-family:  "Roboto Flex", serif;
    }

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

    nav a:hover {
        color: #000000;
    }

    

    #twentyweeks {
        background-image:url(Images/20weeksbkg.png);
        background-size: cover;
        text-align: center;
        padding: 150px 0px 90px 0px;
    }

    h2 {

        font-family: "Luckiest Guy", cursive;
        font-weight: 700;
        color: #618E89;
        font-size: 70px;
    }

    #twentyweeks h3 {

        font-size: 50px;
        margin-bottom: 50px;
        color: #618E89;
        font-family: "Luckiest Guy", cursive;
    }

    #twentyweeks a {

        background-color: #444C8B;
        font-weight: 400;
        color: white;
        font-size: 20px;
        text-transform: uppercase;
        border-radius: 30px;
        padding: 10px 15px 10px 15px;
        text-decoration: none;

    }

    #meetyourfarmer
    {
        
        background-color: #444C8B;
        background-image: url(Images/Rectangle7.png);
        padding: 100px 50px 100px 50px;
        background-size:cover;
        border-top: 4px solid white;
        border-bottom: 4px solid white;
        display: flex;
        flex-wrap: wrap;
        justify-content:center;
    }
    .farmertext {
        width: 600px;
        min-width: 350px;
        color: white;
        line-height:120%;
        font-size:18px;
}
.juan {
    margin-right:20px;
}


    #meetyourfarmer p {
        color: #444C8B;
        width: 600px;
    }
    

     header {
        background-color: rgb(175, 33, 6);
        padding: 10px 100px;
        width: 100%;
        border-bottom:2px solid white;
        align-items: center;
        padding: 200px 100px;
        background-image: url(Images/Headerbackground.png);
        background-size: cover;
    }


    h1 {
        font-family: "Luckiest Guy", cursive;
        color: #C43F40;
        font-size: 100px;
    }


    header h4 {
        font-family: "Risque", serif;
        color: white;
        font-size: 50px;
        margin-bottom: 40px;
    }


    header a {
        background-color: #EC5C00;
        padding: 15px;
        border-radius: 30px;
        color: white;
        font-weight: 400;
        font-size: 20px;
        text-transform: uppercase;
        text-decoration: none;
    }
    
    footer {
        background-color: #EC5C00;
        padding: 15px 50px 5px 50px;
        color: white;
        /* you had this in footer a */
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap-reverse;
        display:flex;
    }
    
    footer div a {
        color: #CCD683;
        font-size: 30px;
        padding-right: 5px;
        padding-top: 10px;
        /*display: flex;
        flex-direction: row;*/
        color: white;

}

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

    footer a:hover {
        color: white;
    }


    

    footer div a:hover {
       color: white;
}

    #produce{
    background-color: #C43F40;
    padding: 100px 0;
    text-align: center;
}

    #produce img {
        
        width:300px;
        margin: 10px;
        border: 1px solid #fff;
        max-width: 300px;
         margin: 10px;
}
    #produce div
{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
    #boxes {
        background-color: #EC5C00;
        text-align: center;
        padding: 100px;
    }

    #boxes p {
        font-size: 24px;
        line-height: 35px;
    }
    
    #boxes article {
        width: 250px;
        background-color: #ef7707;
        margin: 10px;
        text-align: center;
        padding: 20px;
        margin-top: 30px;
    }
    /*you were missing boxes div */
    #boxes div {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin-bottom: 30px;
        }

    
    #boxes h3 {
        color: black;
        margin: 13px 0;
        font-size: 35px;
        font-family:  "Roboto Flex", serif;
    }
    
    #boxes li {
        list-style-type: none;
    }