/* 
Font weights
Playwrite NZ Basic 100-400
Work Sans 100-900
Quicksand 300-700
Inconsolata 200-900
*/

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

*/ {
  font-family: "Times New Roman", Times, serif;
}



#headertitle {
  font-family: "Playwrite NZ Basic", cursive;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 18px;
}

#headerlinks {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-size: 13px;
}

#herotitle {
  font-family: "Playwrite NZ Basic", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 70px;
  color: #FFFEFE;
  margin-left: 127px;
}

#herotext {
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "wdth" 62.5;
  font-size: 40px;
  color: #EFE5E8;
  margin-left: 127px;
  margin-bottom: 110px;
}

#sharebutton1 {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-size: 14px;
  font-style: normal;
  color: #FFFEFE;
  text-decoration: none;
  margin-left: 120px;
  padding-top: 18px;
  padding-bottom: 22px;
  padding-left: 70px;
  padding-right: 69px;
  background-image: url(images/button.png);
  background-size: contain;
}

#purpletitle {
  font-family: "Playwrite NZ Basic", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #483186;
  font-size: 50px;
}

#featurestext {
  font-family: "Playwrite NZ Basic", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

#weektitle {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: auto;
  font-style: normal;
  font-size: 21px;
}

#weeklist {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: auto;
  font-style: normal;
  font-size: 13px;
}

#abouttitle {
  font-family: "Playwrite NZ Basic", cursive;
  font-optical-sizing: auto;
  font-weight: 190;
  font-style: normal;
  font-size: 40px;
  color: #fffefe;
}

#abouttext {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 310;
  font-style: normal;
  font-size: 15px;
  color: #fffefe;
}

#ctatext {
  font-family: "Inconsolata", monospace;
  font-optical-sizing: auto;
  font-weight: 340;
  font-size: 28px;
  font-style: normal;
  font-variation-settings:
    "wdth" 87.5;
    color: #fffefe;
    margin-bottom: 55px;
}

#sharebutton2 {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 350;
  font-style: normal;
  font-size: 13px;
  color: #FFFEFE;
  text-decoration: none;
  padding-top: 14px;
  padding-bottom: 17px;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url(images/button.png);
  background-size: contain;
}

#footer {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
  font-size: 12px;
  color: #ffffff;
}

#footertext {
  font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 370;
  font-style: normal;
  font-size: 12px;
  color: #ffffff;
}




nav {
background-color:#7A3747;
position: fixed;
padding: 10px 70px;
width: 100%;
z-index:10;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}

nav a {
color:#FFFEFE;
text-decoration: none;
font-weight: normal;
}

nav a:hover {
color: #fcd3dc;;
}

nav .links a {
text-transform: uppercase;
padding-right: 20px;
text-align: left;
}

#hero {
  background-image: url(images/Keyimagevegetables.png);
  background-size: cover;
  text-align: left;
  padding-top: 5px;
  padding-bottom: 100px;
}

#hero a:hover {
color: #CFD989;
}

#features {
background-image: url(images/weeksbg.png);
background-size: cover;
text-align: center;
padding-top: 30px;
padding-bottom: 130px;
}

#features div {
display: flex;
justify-content: space-evenly;
flex-wrap: wrap;
margin: 30px 10px 30px 10px;
}

#about {
background-image: url(images/aboutusbg.png);
background-size: cover;
padding-top: 55px;
padding-bottom: 70px;
display: flex;
flex-wrap: wrap;
}

.juan {
margin-right: 20px;
}

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

#about {
flex-wrap: wrap;
justify-content: center;
}

#gallery {
background-image: url(images/gallerybg.png);
background-size: cover;
text-align: center;
padding-top: 90px;
padding-bottom: 80px;
}

#cta {
background-image: url(images/bottombg2.png);
background-size: cover;
text-align: center;
padding-top: 100px;
padding-bottom: 100px;
}

#cta a:hover {
color: #CFD989;
}

footer {
background-color:#1A1919;
position: static;
padding: 1px 70px;
width: 100%;
z-index:10;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap-reverse;
}

footer a {
  text-decoration: none;
  font-weight: normal;
  color: #ffffff;
}

footer a:hover {
color: #CFD989;
}

footer div {
  flex-direction: row;
}

footer div a {
font-size: 22px;
padding-right: 5px;
padding-top: 10px;
}

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