body,html {
  height: 100%;
}

body {
  font-family: 'Oswald', sans-serif;
  background-color: #FBF8EF;
}

html {
  font-size: 1rem;
}

a {
  color: #00b3c4;
}
a:hover {
  color: rgb(0, 140, 153);
}

.bg-primary {
  color: #000;
  background-color: #fff !important;
}

.btn-primary {
  color: #000;
  background-color: #ffcc00;
  border-color: rgb(216, 166, 0);
}
.btn-primary:hover {
  color: #000;
  background-color:rgb(216, 166, 0);
  border-color: rgb(216, 166, 0);
}

.btn-secondary {
  color: #fff;
  background-color: #00838f;
  border-color: #00545B;
}
  
@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }
}
  
@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}

footer {
  padding-top: 2em;
  color: #fff;
  background-color: #2F4F4F;
}


.seperator {
  display: block;
  width: 100%;
  content: "";
  padding: 1em 0;
}
.spacer-line {
  margin-top: 10px;
  background-color: #000;
  height: 2px;
}
.spacer-line-white {
  margin-top: 3em;
  background-color: #fff;
  height: 2px;
}