html {
  font-size: 16px;
  scroll-behavior: smooth;
}

@media (min-width: 768px) {
  html {
    font-size: 20px;
  }
}

body {
  font-family: 'Nunito';
  border-width: 2px !important;
  font-weight: 300;
  color: var(--grey700)!important;
}

p strong {
  font-weight: 800;
}

h1, h2, h3, h4, h5, h6 {
  letter-spacing: -.03em;
  font-family: 'Nunito';
  /*text-transform: uppercase;*/
}

h1 {
  font-size: 4.24em;
  line-height: .8em;
  font-weight: 300;
  /*-webkit-background-clip: text;*/
  /*background-clip: text;*/
  /*-webkit-text-fill-color: transparent;*/
  color: var(--primary);
}

h2 {
  font-size: 2.62em;
  letter-spacing: -.05em;
  /*font-weight: 800;*/
  /*text-transform: uppercase;*/
}

h3 {
  font-size: 1.38em;
  letter-spacing: -.05em;
  font-weight: 800;
  /*text-transform: uppercase;*/
}

.btn, .nav-item, .nav-pills .nav-link {
  /*letter-spacing: .03em;*/
  font-weight: 800;
  /*text-transform: uppercase;*/
  font-family: 'Nunito';
  border-radius: .5em;
  border-width: 2px;
}

.rounded {
  /*border-radius: .5rem !important;*/
}

.navbar {
  position: absolute;
  top: 0;
  z-index: 1000000;
  font-size: 15px;
  width: 100%;
}

.navbar .nav-item .active {
  border-radius: 5em;
  border: 2px solid white;
  background: none;
}