/*  BASE STYLES  */
@font-face {
  font-family: Wisdom Script;
  src: url("../fonts/WisdomScript-Regular.otf");
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 25px;
}

/* GRID */
.full-width {
  width: 1200px;
  margin: 0 auto;
}

.half-width {
  width: 600px;
  float: left;
}

.third-width {
  width: 359px;
  float: left;
}

/*  HEADER  */
header h1 {
  font-family: 'Montserrat', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  margin: 30px auto;
}

span {
  color: #77a466;
}

nav {
  float: right;
}

nav ul li {
  display: inline-block;
  margin: 15px auto;
  color: #77a466;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

/*  MAIN  */
#about {
  height: 550px;
}

img {
  border-style: solid;
  border-width: 3px 0px 3px 0px;
  color: #77a466;
}

main h2 {
  text-transform: uppercase;
  color: #77a466;
  font-size: 18px;
}

/*  CONTACT  */
#contact {
  height: 245px;
}

h3 {
  font-size: 12px;
  line-height: 25px;
  font-weight: bold;
  text-transform: uppercase;
}

#left {
  height: 200px;
  border-width: 1px 1px 1px 0px;
  border-color: #dedbdc;
  border-style: solid;
  padding: 10px 0px;
  float: left;
}

#left p {
  font-size: 16px;
  color: #77a466;
  text-transform: capitalize;
}

#mid {
  height: 200px;
  border-width: 1px 0px 1px 0px;
  border-color: #dedbdc;
  border-style: solid;
  padding: 10px 30px;
  float: left;
}

#mid p {
  font-size: 16px;
  line-height: 25px;
}

#right {
  height: 200px;
  border-width: 1px 0px 1px 1px;
  border-color: #dedbdc;
  border-style: solid;
  padding: 10px 30px;
  float: left;
}

/*  FOOTER  */
footer h2 {
  font-size: 16px;
  line-height: 21px;
  text-transform: uppercase;
}

footer {
  clear: both;
  text-align: center;
  text-transform: lowercase;
}

.motto {
  text-transform: uppercase;
  font-weight: bold;
  color: black;
}

#fresh {
  font-family: Wisdom Script;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
}