/************************
  GLOBAL
************************/

body {
  background: DarkRed;
}

/************************
  TYPOGRAPHY
************************/

h1,
h2 {
  font-family: 'Lobster', cursive;
  font-weight: normal;
  margin: 0;
}

h1 {
  font-size: 5em;
  color: white;
}

h2 {
  font-size: 3em;
}

p, 
a {
  font-family: 'Cabin', sans-serif;
  font-size: 1.2em;
}

.size {
  font-size: 1.5em;
  margin-top: 10px;
  text-align: center;
}

/************************
  NAVIGATION
************************/

nav {
  border-top: 5px solid white;
  border-bottom: 5px solid white;
}

nav ul {
  list-style: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}

nav ul li a {
  text-decoration: none;
  color: white;
  font-weight: bold;
  text-align: center;
  padding: 10px;
}

nav ul li a:hover {
  color: DarkRed;
  background-color: white;
}

/************************
  FLEX FARM CONTENT
************************/

#flex-farm {
  background: sienna;
  height: calc(100vh - 249px);
  margin-top: 15px;
}

.crop img {
  width: 80%;
}

#corn {
  background-color: rgba(251, 241, 29, 0.7);
}

#potato {
  background-color: rgba(87, 49, 15, 0.2);
}

#tomato {
  background-color: rgba(135, 198, 56, 0.8);
}

#wheat {
  background-color: rgba(71, 112, 140, 0.9);
}

#wheat img {
  width: 73%;
  margin: 7px 0;
}

/************************
  FOOTER
************************/

footer {
  height: 80px;
  background: DarkRed;
  color: white;
  padding: 0 20px;
}

.social-media {
  font-size: 2.5em;
}