html {
  font-size: 1rem;
}

@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;
  }
}

.nav-item.nav-link {
  color: #CC1F01;
  margin-top: 0.1rem !important;
  margin-bottom: 0.1rem !important;
  margin-left: 0.05rem !important;
  margin-right: 0.05rem !important;
}

.nav-item.nav-link.active {
  color: #fff;
  background-color: #CC1F01;
}

.small-icon {
  height: 30px;
  width: 30px;
}

a {
  color: #CC1F01;
}

a:hover {
  color: #CC1F01;
}