g.line-group[aria-label='Average'] path.line {
  stroke: black;
  stroke-width: 1.5;
  stroke-dasharray: 2 2;
  fill: none;
}

g.line-group[aria-label='CurrentSeason'] path.line {
    stroke: blue;
}


@media screen and (max-width: 768px) {
  
  /*Make every even-indexed tick hidden */
  #container g.axes g.c g.tick:nth-child(odd) {
    display: none;
  }
  
  /*Make the tick text size increase*/
  #container g.axes text {
    font-size: 20px;
  }
  
  /*Make the titles' text size increase*/
  #container .titles text {
    font-size: 20px;
  }
  
  #container .graph-title {
    /*transform: translate(0, -15px);*/
  }
  
  /*Move the xAxis title down*/
  #container .c-axis-title {
    transform: translate(0, 15px)!important;
  }
  
  /*Move the yAxis title to the left by rewritting the existing transform property*/
  #container .n-axis-title {
    transform: rotate(-90deg) translate(0, -15px)!important;
  }
  
}