@media (min-width:480px)  { 
	body {
		font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif !important;
		zoom: 2;
	}
}

@media (min-width:1280px)  { 
	body {
		font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif !important;
		zoom: 1;
	}
}
head {
  display: none;
}

body {
  text-align: center;
  background-color: white;
}

.hidden {
	display:none !important; 
}

.menu {
	width: 100%;
	}


.graph {
  width: 100%;
}

.rectx {
  fill:#aaa;
  fill-opacity:1;
}
.recty {
  fill:#333;
  fill-opacity:1;
}

.skrajnie {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  fill: black;
  text-anchor: start;
}

.labels {
  font-size: 13px;
  font-weight: bold;
}
.legend {
  font-size: 11px;
  opacity:1;
  fill:#aaa;
  font-weight:bold;
}

.his-hot { fill: red; opacity:0.9;}
.his-now { fill: black; opacity:0.9;}
.his-cold { fill: #00c; opacity:0.9;}
  
.hot { fill: red;}
.zero { fill: black;}
.cold { fill: blue;}

.label-title {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 12px;
  fill: black;
}

.rect1 {
  fill:#ccc;
  fill-opacity:0.4
}
.rect2 {
  fill:#ddd;
  fill-opacity:0.2
}

.loader2 {
	margin-left: auto; 
	margin-right: 0;
	background-color:red;
	transition:width 1s ease-in-out;
	position:fixed;
}