* {
  /* border: 1px solid hotpink !important; */
  font-family: Ubuntu;
}

.bg-custom {
  background-color: #f0f0f0 !important;
}

.navbar-brand .brand-title {
  position: absolute;
  translate: 11.5vw -0.7vw !important;
  color: #000;
  font-size: 2.3rem;
  font-weight: 500;
  line-height: normal;
}

.service-center {
  color: #fff;
  font-family: Ubuntu;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  background-color: #f00;
  padding-left: 12.5vw;
  width: 28vw;
}
.login-button {
  color: #ebebeb !important;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  border-radius: 1.25rem;
  background-color: #151313;
}

.login-button:hover {
  background-color: #444;
}

.login-button:active {
  background-color: #000000;
}

.navbar-brand {
  position: relative;
}

.lg-brand a {
  width: 161px;
}

.lg-brand img {
  position: absolute;
  translate: 1.5vw -2vw;
}

nav {
  padding-top: 1.5vw !important;
}

.nav-link {
  color: #6b6666;
  text-align: center;
  font-family: Ubuntu;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}



@media (max-width: 576px) {
  .lg-brand {
    display: none !important;
  }

  .sm-brand {
    color: #000;
    font-size: 1.75rem;
    font-weight: 500;
  }

  .service-center {
    font-size: large !important;
    width: 100vw;
    text-align: center;
    padding-left: 0;
  }
}

/* @media (max-width: 1368px) {
  .service-center {
    font-size: 2rem;
    width: 100vw;
    text-align: center;
    padding-left: 0;
  }
} */

@media (max-width: 1024px) {
  .lg-brand {
    display: none !important;
  }

  .sm-brand {
    color: #000;
    font-size: 1.75rem;
    font-weight: 500;
  }

  .service-center {
    font-size: 2rem;
    width: 100vw;
    text-align: center;
    padding-left: 0;
  }

  .nav-link {
    font-size: 1rem !important;
  }
}