.navbar .container {
  flex-direction: row;
  flex: 1;
  position: relative;
  justify-content: space-between;
  align-items: center;
  display: flex;
  height: 50px;
  background-color: #402293;
}

.navbar .bond {
  flex-direction: row;
  flex: 1;
  position: relative;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar .bond a {
  color: #ffffff;
  text-decoration: none;
  transition: color ease-in-out 0.15s;
}

.navbar .bond a:hover {
  color: #992be0;
}

.bond .bond--item {
  flex-basis: 115px;
}

.bond .bond--item-right {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
}

.navbar .bond.start {
  justify-content: flex-start;
}

.navbar .brand-logo {
  text-align: left;
}

.signup-btn {
  background: #992be0;
  width: 80px;
  padding: 5px;
  text-transform: uppercase;
  text-align: center;
  color: #ffffff;
  transition: background ease-in-out 0.15s;
}

.signup-btn:hover {
  background: #600899;
  color: #ffffff;
}

a {
  text-transform: uppercase;
}

@media(max-width: 539px) {
  .hide-small-screen {
    display: none !important;
  }
}

/* others */
.brand-logo {
  font-family: Lato;
  font-size: 30px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 2.5px;
  text-align: center;
  color: #ffffff;
  width: 100%;
}

html body {
  padding: 0;
  margin: 0;
  font-family: Lato, "Open Sans";
  --font-family-base: lato, "Open Sans", sans-serif;
  --max-content-width: 1000px;
  --screen-xs-min: 480px;
  --screen-sm-min: 768px;
  --screen-md-min: 992px;
  --screen-lg-min: 1200px;
}

p {
  word-break: break-word;
}