.groups-hero-wrapper {
    background-size: cover;
    background-position: center center;
}

.sugar_mains_banner {
    position: relative;
    z-index: 999;
    top: -20px;
    padding: 14px 15px;
    background-color: #001B43;
    color: #fff;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 34%;
    width: calc(100% + 60px);
    margin-left: -30px;
    margin-left: -30px;
}

@media screen and (max-width: 1114px) {
    .sugar_mains_banner {
        background-position: top right;
    }
}

.sugar_mains_banner {
    background-image: url(/assets/img/Flat_Stack_RGB_navy.svg);
}

.sugar_mains_banner>div>div {
    position: relative;
    z-index: 99;
}

.jumbotron.category-hero {
    margin-bottom: 0;
    padding-bottom: 0;
    height: 100%;
}

.groups-title {
    margin-top: 20px;
    margin-bottom: 20px;
}

.groups-navbar {
    max-width: 66%;
    margin: 0 auto;
}

.groups-dropdown-more {
    width: auto;
}

.groups-navbar a {
    color: #fff;
    -webkit-transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -ms-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    transition: color 0.2s linear;
    background-color: transparent !important;
}

.groups-navbar a:hover,
.groups-navbar a:active,
.groups-navbar a:focus {
    color: #fff;
    background-color: transparent !important;
}

.groups-body {
    max-width: 75%;
    /* Make it easier to read */
    margin: 0 auto;
    padding-top: 16px;
}