.text-maths {color:navy; }    
.idiot{height:auto!important; margin-top: 30px!important;}
.fraction {display: inline-block;position: relative; vertical-align: middle;  letter-spacing: 0.001em;text-align: center;font-size: 15px;}
.fraction > span {  display: block;  padding: 0.05em;  }
.fraction span.fdn {border-top: thin solid black;}
.fraction span.bar {display: none;} 
.error{font-size:11px;  display:block; position: absolute;   }
.watchT {margin-top:15px;}
.tutorial {text-align: right;}
@media screen and (max-width: 1399px){ 
.text-maths {font-size:14px; }
}

@media screen and (max-width: 767px){ 
.idiot{ height:auto!important; margin-top: 15px!important;}
.result h6 {font-size:13px;}
.watchT {margin-top:5px; font-size:10px;}
.tutorial { margin-right: 18px; }
}

@media screen and (max-width: 446px){ 
.text-maths{margin-left:15px!important; }
.tutorial { margin-right: 5px; font-size:18px; }
}

@media screen and (max-width: 346px){
.unit{width:75px!important;}
.converter{ margin-left:-10px!important;}
}

.tooltip-inner {color: navy !important;}