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

}
body{
    font-family: "Roboto Flex", sans-serif;
}

h1{
    font-family:"cardo", serif;
    color: #FFFFFF;
    font-size: 48px;
    
}
#twentyweeks
{
    background-image: url(../Images/20weeks.png);
    background-size: cover;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 90px;
}
h2 {
    font-family: 'Alumni Sans', sans-serif;
    font-weight: 700;
    color: white;
    font-size: 70px;
    text-shadow: rgba(0, 0, 0, 0.62) 6px 6px 10px;
    text-transform: uppercase;
    }
    
#twentyweeks h3 {
    font-size: 50px;
    margin-bottom: 50px;
    color:rgb(6, 6, 6);
    }
    
    
 #twentyweeks a {
    background-color: #2E8B57;
    font-weight: 400;
    color: rgb(255, 254, 254);
    font-size: 20px;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 10px 15px 10px 15px;
    text-decoration:none;
    }
    #twentyweeks a:hover{
        background-color: #AF2106;
        color: #FFFFFF;
    }
header {
        background-color: black;
        padding: 200px 100px;
        background-image: url(../Images/header.png);
        background-size: cover;
        }
        
        
 h1 {
        font-family: "Cardo", serif;
        color: white;
        font-size: 100px;
        text-shadow: rgba(0, 0, 0, 0.548) 4px 5px 3px;
        }
        
        
header h4 {
        font-family: "Alumni Sans", sans-serif;
        color: #fffffd;
        font-size: 50px;
        margin-bottom: 40px;
        text-shadow: rgba(0, 0, 0, 0.445) 6px 6px 6px;
        }
        
        
header a {
        background-color: #AA4139;
        padding: 15px;
        border-radius: 30px;
        color: white;
        font-weight: 400;
        font-size: 30px;
        text-transform: uppercase;
        text-decoration: none;
        }
        header a:hover{
            background-color: #2E8B57;
            color: #434242;
        }

       
        
#meetyourfarmer
{
    background-image: url(../Images/meetyourfarmers.png);
    background-size: cover;
    padding: 100px 50px 100px 50px;
 /*TROUBLE (TRBL)top right bottom left*/
    border-top: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
}
.Juan{
    margin-right:20px;
}

#meetyourfarmer p{
    color: #FFFFFF;
    font-size: 30px;
    background-color: #53535384;
}
.farmertext
{
    width: 600px;
}

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

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

nav .links a {
    font-size: 20px;
    text-transform: uppercase;
    padding-right: 20px;
    text-align: left;
    font-family: "Alumni Sans", sans-serif;
    }
    footer {
        background-color: #434242;
        padding: 15px 50px 5px 50px;
        color: white;
        display: flex;
    justify-content: space-between;
    align-items: center;

        }

    
        
        footer a {
        color: white;
        text-decoration: none;
        
        }
        
        footer a:hover {
        color: #2E8B57;
        }
        footer div a {
            color:#2E8B57 ;
            font-size: 30px;
            padding-right: 5px;
            padding-top: 10px;
            
            }
            footer div a:hover {
                   color: white;
            }        
            #produce {
               background-image: url(../Images/Rectangle\ 14.png);
                background-size: cover;
                /*you only need background-size: cover if you have an background-image vs a color
                background-size: cover; */
                padding: 100px 0;
                text-align: center;
                }
                #produce img{
                    margin: 10px;
                }
                #boxes {
                    background-image: url(../Images/boxes.png);
                    background-color: rgba(166,201,14);
                    text-align: center;
                    padding: 100px;
                    }
                    #boxes div{
                        display:flex;
                        justify-content: space-evenly;
                        flex-wrap: wrap;
                        margin-bottom: 30px;
                        


                    }
                    #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: #AF2106;
                                margin: 13px 0;
                                font-size: 35px;
                                font-family:Alumni Sans, sans-siref;
                                font-weight:normal;
                              }
                              #boxes li {
                                list-style-type: none;
                                }