#model-comparison {
  padding-top: 30px;
  background: url("../img/challenger/spec_bg.jpg") no-repeat center center/100%; }
  #model-comparison div.graph {
    width: 100%; }
    #model-comparison div.graph p {
      color: #FFFFFF; }
    #model-comparison div.graph h2 {
      text-align: center;
      color: #FFFFFF; }
    #model-comparison div.graph nav {
      display: flex;
      justify-content: space-around; }
      #model-comparison div.graph nav a {
        color: #FFFFFF;
        font-family: "Crimson Text", serif; }
        #model-comparison div.graph nav a.active {
          color: red; }
  #model-comparison ul.graphwrap li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    position: relative;
    height: 35px;
    margin: 20px 0; }
    #model-comparison ul.graphwrap li::before {
      content: "";
      display: block;
      height: 100%;
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1000; }
    #model-comparison ul.graphwrap li.weight::before {
      background: rgba(228, 58, 58, 0.8); }
    #model-comparison ul.graphwrap li.handling::before {
      background: rgba(217, 198, 126, 0.8); }
    #model-comparison ul.graphwrap li.adaptability::before {
      background: rgba(97, 160, 172, 0.8); }
    #model-comparison ul.graphwrap li h3, #model-comparison ul.graphwrap li span {
      position: relative;
      z-index: 2000; }
  #model-comparison div.detail {
    color: #FFFFFF; }

@media screen and (max-width: 768px) {
  #model-comparison {
    background: url("../img/challenger/spec_bg.jpg") no-repeat center center/cover; }
    #model-comparison div.graph nav {
      flex-wrap: wrap; }
      #model-comparison div.graph nav a {
        display: block;
        width: 47%;
        font-size: 1.3rem;
        border: 1px solid;
        margin: 7px 0; } }