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

Font Weights:
Default:400


Line Heights:

--------02 COLORS:

Primary: #a0c537 

Tints:#ecf3d7
Shades: #303b10 #809e2c; #607621;
Accents:
Greys:

--------03 SHADOWS:

--------04 BORDER RADIUS:

--------05 WHITE SPACEC:
SPACING SYSTEM (px)
2 / 4 / 8 / 12 / 16 / 24 / 32 / 48 / 64 / 80 / 96 / 128

 */

/* UNIVERSAL SELECTORS */

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

html {
  /* font-size: 10px;  */ /* 1rem = 10px */
  /*  10px / 16px = 0.625 = 62.% */
  /* Percebntage of user's browser font-setting */
  font-size: 62.5%;
  overflow-x: hidden;
}

body {
  /*   font-family: "Rubik", sans-serif; */
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  line-height: 1;
  color: #444;
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: #444;
}

li {
  list-style-type: none;
}

.center-container {
  max-width: 110rem;
  margin: 0 auto;
  /* padding: 0 1.2rem; */
}

.margin-btm-xsml {
  margin-bottom: 1.2rem;
}

.margin-btm-sml {
  margin-bottom: 1.4rem;
}

.margin-btm-md {
  margin-bottom: 1.8rem;
}

.margin-btm-lg {
  margin-bottom: 6.4rem;
}
.margin-btm-xlg {
  margin-bottom: 9.6rem;
}
.margin-btm-xxlg {
  margin-bottom: 12.8rem;
}

/* Stop Scrolling */
.stop-scrolling {
  height: 100%;
  overflow: hidden;
}