.highcharts-legend { float:right; text-align:left; overflow:auto; width:25%; }
.modal-content.show .chart .intro { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.chartholder { height:100%; float:left; width:75%; position:relative; }
.modal-content.show .chart .chart-canvas { overflow:hidden; }

.highcharts-legend-item { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.highcharts-legend-item a { color:#adb1b7; }
.highcharts-legend-item a:hover, .highcharts-legend-item a.hovered { color:#000; }

@media only screen and (min-width: 731px) {
    .mobileonly { display:none; }
}

@media only screen and (max-width: 730px) {
    .chartholder { float:none; width:auto; height:68%; }
    .highcharts-legend { float:none; text-align:left; width:auto; height:35%; }
    .highcharts-legend-item { margin:0; }
    .modal-content.show .chart .intro { -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left:50%; top:50%; width:45% }
    .modal-content .chart .intro img { top:42px; }
}