body {

  font-size: 15px;
  font-weight: 700;
  color: #272727;
  text-align: center;
}

h1
{
  font-size: 38px;
  color: #272727;
  padding:14px;
  width: 52%;
  margin-left: auto;
  margin-right: auto;
  box-shadow:2px 2px 6px #888;  
  display:block;
  align-self: center;
}

.gdh {
  font-size: 25px;
  margin-bottom: 10px;
}

.gdhoutdated {
  color: #eb0000;
}

.gdh {
  color: #272727;
}
.currentsvg {
  width:80px;
  height: 80px;
}

.averagesvg {
  width:35px;
  height: 35px;
  vertical-align: -10%;
}

.averageblocs {
  margin-bottom: 20px;
}

.averagebloctitle {
  font-size: 18px;
}


.currentwspeed {
  font-size: 90px;
  color: #0800ff;
  margin-bottom: 10px;
  display: inline-block;
}

.avrwspeed {
  font-size: 40px;
  color: #0800ff;
}

.avrminmax {
  color: #eb0000;
}

.avrregular {
  color: #0800ff;
  font-weight: 500;
}

.avrpcdefault {
  font-weight: 500;
}

.avrpcsup50 {
  font-weight: 500;
  color: #eb0000;
}

table {
  font-size: 20px;
  font-weight: 400;
  border: 1px solid #333;
  margin:0 auto;
  margin-top: 30px;
  text-align:center; 
}

input.lCheckbox {
  width: 20px;
  height: 20px;
}



@media (max-width: 640px) {

  h1 {
    display: none;
  }
}

@media (max-width: 350px) {

  .gdh {
    font-size: 20px;
    margin-bottom: 5px;
  }

  .currentsvg {
    width:70px;
    height: 70px;
  }

  .averagesvg {
    width: 25px;
    height: 25px;
  }

  .averageblocs {
    margin-bottom: 10px;
  }

  .averagebloctitle {
    font-size: 15px;
  }

  .currentwspeed {
    font-size: 70px;
    margin-bottom: 5px;
  }

  .avrwspeed {
    font-size: 30px;
  }

  table {
    font-size: 15px;
    margin-top: 25px;
  }

  input.lCheckbox {
    width: 18px;
    height: 18px;
  }

}
@media (max-width: 190px) {

  body {
    font-size: 12px;
  }

  .gdh {
    font-size: 15px;
  }

  .currentsvg {
    width:60px;
    height: 60px;
  }

  table {
    font-size: 11px;
    margin-top: 20px;
  }
}