@media (max-width: 768px)
{
  #block-simple-headerbarsignupbuttons{
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991px)
{
  .navbar-header
  {
    float: inherit !important;
  }
}

#block-simple-headerbarsignupbuttons .btn-toolbar,
#block-simple-headerbarsignupbuttons-2 .btn-toolbar
{
  text-align:left;
}

@media (min-width: 768px)
{
  #block-simple-headerbarsignupbuttons .btn-toolbar,
  #block-simple-headerbarsignupbuttons-2 .btn-toolbar
  {
    text-align:right;
    margin-top: 12px;
  }
}

#block-simple-headerbarsignupbuttons .btn-secondary:hover,
#block-simple-headerbarsignupbuttons .btn-secondary:focus,
#block-simple-headerbarsignupbuttons-2 .btn-secondary:hover,
#block-simple-headerbarsignupbuttons-2 .btn-secondary:focus{
  color: var(--main-text-colour);
}

#block-simple-headerbarsignupbuttons .btn-primary,
#block-simple-headerbarsignupbuttons .btn-primary,
#block-simple-headerbarsignupbuttons-2 .btn-primary,
#block-simple-headerbarsignupbuttons-2 .btn-primary,
#block-simple-b5-headerbarsignupbuttons .btn-primary,
#block-simple-b5-headerbarsignupbuttons .btn-primary,
#block-simple-b5-headerbarsignupbuttons-2 .btn-primary,
#block-simple-b5-headerbarsignupbuttons-2 .btn-primary{
  background-image: linear-gradient(var(--tertiary-colour), var(--tertiary-colour) 50%, var(--tertiary-colour));
  color: var(--primary-frontend-colour);
  border: none;
  text-shadow: none;
  font-weight: 700;
}

#block-simple-headerbarsignupbuttons .btn-secondary,
#block-simple-headerbarsignupbuttons .btn-secondary,
#block-simple-headerbarsignupbuttons-2 .btn-secondary,
#block-simple-headerbarsignupbuttons-2 .btn-secondary,
#block-simple-b5-headerbarsignupbuttons .btn-secondary,
#block-simple-b5-headerbarsignupbuttons .btn-secondary,
#block-simple-b5-headerbarsignupbuttons-2 .btn-secondary,
#block-simple-b5-headerbarsignupbuttons-2 .btn-secondary{
  background: white;
  color: var(--primary-frontend-colour);
  border: none;
  box-shadow: inset 0px 0px 0px 2px var(--secondary-frontend-colour);
}