html {
  height: 100%;
  font-size: 100%;
}

body {
  font-family: $body_fonts;
}

a, a:hover, a:focus {
  text-decoration: none;
}

p {
  margin: 0;
  line-height: 1.88;
}

a, a:hover, a:focus {
  text-decoration: none;
}

ul {
  padding-left: 0;
}

.camel {
  color: $primary;
}

.camo {
  color: $camo;
}

.coffee {
  color: $coffee;
}

.grey {
  color: $grey;
}

.orange {
  color: $dusty-orange;
}

.white {
  color: $white;
}

.light {
  font-weight: 300;
}

.bg-white {
  background: $white;
}

.bg-whitesmoke {
  background: $white-smoke;
}

.btn-camel {
  background: $primary;
  color: $white;

  &:hover, &:focus {
    background: darken($primary, 10%);
    color: $white;
  }
}

.gradient {
  background-image: linear-gradient(to bottom, $white, $light-grey);
}

html {
  height: 100%;
  font-size: 100%;
  overflow-x: hidden;
}

body {
  font-family: $body_fonts;
}

a, a:hover, a:focus {
  text-decoration: none;
}

p {
  margin: 0;
  line-height: 1.88;
}

a, a:hover, a:focus {
  text-decoration: none;
}

ul {
  padding-left: 0;
}

.camel {
  color: $primary;
}

.camo {
  color: $camo;
}

.coffee {
  color: $coffee;
}

.grey {
  color: $grey;
}

.orange {
  color: $dusty-orange;
}

.white {
  color: $white;
}

.light {
  font-weight: 300;
}

.bg-white {
  background: $white;
}

.bg-whitesmoke {
  background: $white-smoke;
}

.btn-camel {
  background: $primary;
  color: $white;

  &:hover, &:focus {
    background: darken($primary, 10%);
    color: $white;
  }
}

.gradient {
  background-image: linear-gradient(to bottom, $white, $light-grey);
}

Fix body right whitespace bug on mobile
Fix body right whitespace bug on mobile
