@media screen and (min-width: 768px) {
.c-hero::before, .m-hero-item::before {
    padding-top: 56.4% !important;
}
.c-pivot > div, .c-pivot > header {
    display: inline-block !important;
    overflow: visible;
    white-space: normal;
}
}

@media screen and (min-width: 1084px) {
.c-hero::before, .m-hero-item::before {
    padding-top: 31.3% !important;
}
}

@media only screen and (max-width:767px) {
.hero-badge {
    display: block !important;
}
.hero-badge img {
    max-width: 227px !important;
    margin: 0 auto !important;
}
.c-pivot > div, .c-pivot > header {
    display: none !important;
}
}

.c-table.f-divided tbody tr {
    border-bottom: 1px solid #fff;
}
.c-pivot .c-subheading-2 {
    padding: 24px 0 8px;
}
.theme-111 {background-color: #111;
                      color: #fff;}
:not(.f-disabled).theme-111 .c-pivot > div > a.f-active, :not(.f-disabled).theme-111 .c-pivot > header > a.f-active {color: #d3d3d3;}
:not(.f-disabled).theme-111 .c-pivot > div > a.f-active:hover, :not(.f-disabled).theme-111 .c-pivot > header > a.f-active:hover {color: #fff;}
.theme-111 .c-pivot > div > a, .theme-111 .c-pivot > header > a { color: lightGrey;}

/* Hero Override */
@media screen and (max-width: 767px) {
.c-hero > div, .m-hero-item > div {
    height: 135px !important;}
}

@media screen and (max-width: 1150px) {
     .hero-badge img {max-width: 320px;}
}

/* VFI */
.whiteVFI .m-banner a.c-call-to-action:active, .whiteVFI .m-banner a.c-call-to-action:focus:not(.x-hidden-focus) {border-color: white !important;}