.pillbox *  {
  -moz-transition: background-color .25s linear, border-color .25s linear, -moz-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -moz-transform .25s linear;
  -ms-transition: background-color .25s linear, border-color .25s linear, -ms-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -ms-transform .25s linear;
  -o-transition: background-color .25s linear, border-color .25s linear, -o-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -o-transform .25s linear;
  -webkit-transition: background-color .25s linear, border-color .25s linear, -webkit-box-shadow .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, -webkit-transform .25s linear;
  transition: background-color .25s linear, border-color .25s linear, box-shadow .25s linear, color .25s linear, opacity .25s linear, text-shadow .25s linear, transform .25s linear;
}

@media screen and (min-width: 30em) {
    .pillbox > .menu-item {
        float: left;
    }
  ul.pillbox {
	padding: 0 0 1.5em 0;  !important
  }
}

.pillbox > :first-child > a {
    border-radius: 3px 3px 0 0;
}

.pillbox > .menu-item:last-child > a {
    border-radius: 0 0 3px 3px;
}

.pillbox {
    padding: 0 0 1.5em;
}

.pillbox > .menu-item > a, .pillbox > .menu-item > a:visited {
    background-color: #d6d7d9;
    color: #212121;
    line-height: 1;
    margin: 0;
    padding: .5882em 1.1765em;
    text-decoration: none;
}

.pillbox > .menu-item > a {
    border: 1px solid #aeb0b5;
    border-width: 1px 0 0 0;
}

.pillbox > .menu-item:first-child > a {
    border-top: 0;
}

@media screen and (min-width: 30em) {
    .pillbox {
        padding: 0 0 1em;
    }

    .pillbox > .menu-item > a {
        border-width: 0 0 0 1px;
    }

    .pillbox > .menu-item:first-child > a {
        border-radius: 3px 0 0 3px;
        border-left: 0;
    }

    .pillbox > .menu-item:last-child > a {
        border-radius: 0 3px 3px 0;
    }
}

.pillbox > .menu-item > a:hover, .pillbox > .menu-item > a:focus, .pillbox > .menu-item > a:active {
    background-color: #aeb0b5;
    box-shadow: none;
    color: #212121;
    outline: 0;
    text-decoration: none;
}

.pillbox > .active.menu-item > a {
    background-color: #212121;
    color: #fff;
}

.pillbox > .active.menu-item > a:focus {
    background-color: #323a45;
}

.pillbox > .active.menu-item > a:hover {
    cursor: default;
}