* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* any common font-family and sizing decisions */
    font-family: "Afacad", serif;
    font-weight: 400;
    }
    nav {
        background-color: #8E0303;
        position: fixed;
        padding: 10px 100px;
        width: 100%;
        z-index:10;
        display: flex; 
        justify-content: space-between; 
        flex-wrap: wrap; 
        align-items: center; 

        }
        
        nav a {
        color: #E8C9A6;
        font-size: 32px;
        text-decoration: none;
        font-weight: bold;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        }
        
        nav a:hover {
        color: #CAAE81
        }
        
        nav .links a {
        font-size: 20px;
        text-transform: uppercase;
        text-align: left;
        margin-right:10px;
        margin-left:10px;
        }

header {
    background-color: black;
    padding: 200px 100px;
    background-image:url(../Images/HBack.jpg);
    background-size: cover;
    }
    
    
    h1 {
    font-family: "DM Serif Display", serif;
    color: #D17000;
    font-size: 96px;
    text-shadow: rgba(0, 0, 0, 0.548) 4px 5px 3px;
    }

    p {
        font-family: "Afacad", serif;
        color: #E8C9A6;
        font-size: 20px;
        text-shadow: rgba(0, 0, 0, 0.548) 4px 5px 3px;
        }
    

    header h4 {
        font-family: "Roboto Serif", serif;
        color: #E8C9A6;
        font-size: 50px;
        margin-bottom: 40px;
        text-shadow: rgba(0, 0, 0, 0.445) 6px 6px 6px;
        }
    
    header a {
        background-color: #8E0303;
        padding: 15px;
        color: #E8C9A6;
        font-weight: 400;
        font-size: 20px;
        text-transform: uppercase;
        text-decoration: none;
        font-family: "Afacad", serif;
        border-radius: 10px;
    }

        header a:hover {
            background-color: #8f2222;
            text-shadow: none;
        }



    #meetyourfarmer {
        background-color: #EF5C00;
        background-image: url(../Images/MYF-Back.jpg);
        padding: 100px 50px 100px 50px;
        background-size: cover;
        justify-content: center;
        }

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

        .juan {             
            margin-right:20px;         
        } 

    
    #meetyourfarmer img { border: #CAAE81 solid 4px; }  
        
        
        #meetyourfarmer p {
        line-height: 30px;
        }


        #produce {
            background-image: url(../Images/WTP-Back.jpg);
            background-size: cover;
            padding: 100px 0;
            text-align: center;
            }
        
        #produce img { 
            margin: 10px;
            width:300px;
            border: 1px solid #fff;
            max-width: 300px; 
        }

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

        #produce h2 { 
            font-family: "DM Serif Display", serif;
            color: #E8C9A6;
            font-size: 51px;
            text-shadow: none; 
        }  

        #produce img { border: #CAAE81 solid 4px; }
 

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


        
        #boxes { 
            background-image: url(../Images/WIOB-Back.jpg); 
            background-size: cover;
            padding: 100px; 
            font-family: "DM Serif Display", serif;
            color: #8E0303;
            font-size: 15px;
            text-align: center; 
        } 
            
        
        #boxes p { 
            font-size: 24px; 
            line-height: 35px;
            font-family: "Afacad", serif;
            color: #8E0303;
            font-size: 25px;
            text-shadow: none;
        } 

        #boxes h2 { 
            font-family: "DM Serif Display", serif;
            color: #8E0303;
            font-size: 75px;
            text-shadow: none; 
        }
            

            #boxes article { 
                width: 218px;
                height: 464px; 
                background-color: rgba(202,174,129,.5);
                margin: 10px; 
                text-align: center; 
                padding: 20px; 
                margin-top: 30px; 
                border-radius: 5px;
                border: 5px solid #AF2106;
                margin-bottom: 30px; 
                margin: 30px 10px 30px 10px; 
            } 
              

                #boxes h3 { 
                    color: #AF2106; 
                    font-family: "Roboto Serif", serif;
                    font-size: 50px;
                    margin: 10px 0; 
                    font-size: 35px; 
                    text-shadow: none; 
                } 

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


        




        /*TWENTY WEEKS SECTION*/
    #twentyweeks {
        background-image: url(../Images/F-Back.png);
        background-size: cover;
        text-align: center;
        padding-top: 100px;
        padding-bottom: 100px;
        font-family: "Afacad", serif;
        color: #D17000;
        }



    h2 {
        font-family: "DM Serif Display", serif;
        color: #D17000;
        font-size: 96px;
        text-shadow: rgba(0, 0, 0, 0.548) 4px 5px 3px;
        }
        
        #twentyweeks h2 {
          
        color: #D17000;
        font-size: 75px;
        text-shadow: rgba(0, 0, 0, 0.548) 4px 5px 3px;
        font-family: "Afacad", serif;
        padding:200px;
            }
        
        #twentyweeks a {
            background-color: #8E0303;
            padding: 15px;
            color: #E8C9A6;
            font-weight: 400;
            font-size: 20px;
            text-transform: uppercase;
            text-decoration: none;
            font-family: "Afacad", serif;
            border-radius: 10px;
            text-shadow: none;
        }
            #twentyweeks a:hover {
                background-color: #8f2222;
                text-shadow: none;
            }

            


        footer {
            background-color: #8E0303;
            padding: 15px 50px 5px 50px;
            color: white;
            text-shadow: none;  
            }

        footer div  {             
            color: #8E0303;          
            font-size: 30px;            
            padding-right: 5px;            
            padding-top: 10px;             
            display: flex;             
            flex-direction: row;         
        } 
            
            footer a {
            color: #D17000;
            text-decoration: none;
            text-shadow: none;
            }

            footer p {
                color: #CAAE81;
                text-decoration: none;
                text-shadow: none;
            
            }
            
            footer a:hover {
            color: #d3852c;
            text-shadow: none;
            }
            
            
            footer div a {
            color: #D17000;
            font-size: 50px;
            padding-right: 5px;
            padding-top: 10px;
            text-shadow: none;
            
            
            }
            footer div a:hover {
                   color: #d3852c;
                   text-shadow: none;
            }