/* font-family:'Roboto', sans-serif;
font-family: "Yellowtail", cursive;
font-family: "Allerta", sans-serif; */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body {
  background-color: antiquewhite;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}
h1 {
  font-family: "Yellowtail", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 60px;
  color:white;
}
h4 {
  font-family: "Allerta", sans-serif;
  color: #c0c948;
  font-size: 36px;
  margin-bottom:40px;
}
nav {
  background-color: rgb(217, 103, 4);
  position: fixed;
  padding: 10px 100px;
  width: 100%;
  border-bottom: 2px solid white;
  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-family: "Yellowtail", cursive;
  font-weight: bold;
}
nav .links a {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 200;
  padding-right: 20px;
  text-align: left;
  font-family: "Roboto", sans-serif;
}
nav a:hover {
  color: #c0c948;
}
#meetyourfarmer {
  background-color: #A6032E;
  padding: 100px 50px;
  border-top: 3px solid white;
  border-bottom: 3px solid white;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

#meetyourfarmer img{
  margin-right:30px;
}

h2 {
  font-family: "Allerta", sans-serif;
  color: white;
  font-size: 36px;
}
#meetyourfarmer p {
line-height: 24px;
color:white;
width:600px;
}

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

h3 {
  font-family: "Yellowtail", cursive;
  font-weight: 700;
  color: rgb(166, 3, 46);
  font-size: 40px;
  text-shadow: rgba(0, 0, 0, 0.62) 6px 6px 10px;
  text-transform: uppercase;
  margin-bottom: 50px;
  }

#twentyweeks a {
  background-color: #d90416;
  font-weight: 700;
  color: white;
  font-size: 20px;
  text-transform: uppercase;
  border-radius: 30px;
  padding: 10px 15px 10px 15px;
  text-decoration: none;
}
#twentyweeks h3{
   color:white;
}
header{
 
  padding:150px 200px;
  background-image: url(../Images/Header\ BG.jpg);
  background-size: cover;
}

header a{
  background-color:#D91F16;
  padding:5px 20px;
  color:white;
  text-decoration:none;
  border-radius: 10px;
}
#boxes
{
  background-color: #C0C947;
  padding:50px 100px;
  text-align:center;
}

#boxes div {
  display: flex;
 justify-content: center;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
article{
  width:250px;
  padding:10px;
}
#boxes li{
  list-style-type: none;
}
#produce
{
  padding:100px 50px;
  text-align:center;
  background-color:#D91F16;
}
#produce img{
  margin:10px;
  border:5px solid white;
  
}
footer{
  background-color:black;
  padding:20px;
  color:white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap-reverse;
}
footer a{
  color:white;
  text-decoration:none;
}
footer div a{
  font-size:30px;
  margin:5px;
}