.text-center {
            text-align: center;
        }

        .icon-graph h3 {
            border-bottom: 1px solid #e8e8e8;
            margin-bottom: 20px;
            padding-bottom: 20px;
        }

        .icon-graph p {
            text-align: center;
        }


        .sub-nav { text-align:center;}
      .sub-nav > .col-sm-2 > a {
    
}
.sub-nav > .col-sm-2 > a {
    font-size: 16px;
    font-family: "proxima-nova",sans-serif;
    font-weight: 400;
    line-height: 22px;
    padding-top: 22.5px;
    padding-bottom: 22.5px;
    display:block;
    color: #fff;
    text-decoration:none;
    transition: 0.25s all ease;
}
.sub-nav > .col-sm-2 > a:hover {
    background-color: #fff;
    color: #333;
}
.sub-nav > .col-sm-2 > a.active {
   background-color: #fff;
    color: #333;
}


.sub-nav > .col-sm-2 > a.air-quality:hover, .sub-nav > .col-sm-2 > a.active.air-quality {
   background-color: #b096da;
   color: #fff;
}


.sub-nav > .col-sm-2 > a.efficiency:hover, .sub-nav > .col-sm-2 > a.active.efficiency {
    background-color: #9acaeb;
    color: #fff;
}
.sub-nav > .col-sm-2 > a.hyper-heat:hover, .sub-nav > .col-sm-2 > a.active.hyper-heat {
    background-color: #ff671b;
    color: #fff;
}
.sub-nav > .col-sm-2 > a.whisper-quiet:hover, .sub-nav > .col-sm-2 > a.active.whisper-quiet {
   background-color: #41873f;
    color: #fff;
}
.sub-nav > .col-sm-2 > a.smart-controls:hover, .sub-nav > .col-sm-2 > a.active.smart-controls {
  background-color: #63d0df;
    color: #fff;
}
.sub-nav > .col-sm-2 > a.constant-comfort:hover, .sub-nav > .col-sm-2 > a.active.constant-comfort {
background-color: #f7d93e;
    color: #fff;
}