.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2px;
}

.line-normal {
  fill: none;
  stroke: green;
  color: green;
  stroke-width: 2px;
}

.line-average {
  fill: none;
  stroke: #ffab00;
  color: #ffab00;
  stroke-width: 3px;
}

.grid line {
  stroke: lightgrey;
  stroke-opacity: 0.7;
  shape-rendering: crispEdges;
}

.grid path {
  stroke-width: 0;
}

.resultgraph {
  border: 1px dotted silver;
  padding:30px;
}

.dot {
    fill: green;
    stroke: #fff;
}
  
.focus circle {
  fill: none;
  stroke: green;
}

.hide-on-mobile {
    visibility: visible;
    display: block;
 }
 
 .view-on-mobile {
    visibility: hidden;
    display: none;
 }

@media screen and (max-width: 600px) {
  .hide-on-mobile {
    visibility: hidden;
    display: none;
  }
  
   .view-on-mobile {
    visibility: visible;
    display: block;
 	}
}