/* 01 TYPOGRAPHY SYSTEM

- HEADINGS:
primary, secondary, tertiary, quaternary, quinary, senary, septenary, octonary, nonary, and denary

- FONT SYSTEM (px)
10 / 12 / 14 / 16 / 18 / 20 / 24 / 30 / 36 / 44 / 52 / 62 / 74 / 86 / 98

FONT SIZES:
2nd heading - 3.6rem
4th heading - 1.8rem
Default - 1.2rem

FONT WEIGHTS: 
Default: 400

- LINE HEIGHT:
Default: 1

--- 02 COLORS

- Primary: #267e36
- Tints:
#c1e2c7
#d5ecda
#fff
- Shades: 
#0e2f14
#133f1b
#2f9e44

- Accents: 
- Greys: #555

--- 03 IMAGES

--- 04 ICONS

--- 05 SHADOWS

--- 06 BORDER-RADIUS
Buttons - 9px
Images - 15px

--- 07 WHITE SPACE
2ndry heading - top: 9.6rem, bottom: 7.4rem
4th heading - bottome: 1.2rem


- Spacing System (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96
*/

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

body, main {
  background-color: #eaf5ec;
  font-family: 'Oxygen', sans-serif;
  color:#133f1b;
}

.flex-2-cols {
  display: flex;
  flex-direction: row;

}
.grid--2-cols {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 9.6rem;
}
.grid--3-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 9.6rem;
}
.btn-submit, .btn-reset {
  width: 30%;
}
.em_addies {
  text-decoration: none;
}