@import url('https://fonts.googleapis.com/css?family=Exo:200');

@keyframes dashoffset-seven {
  0% {
    stroke-dashoffset: 7px;
  }
  100% {
    stroke-dashoffset: 0px;
  }
}

@media screen and (min-width: 641px) {
  .ct-label {
    font-size: 16px;
  }
}

@media screen and (max-width: 640px) {
  .ct-label {
    font-size: 8px;
  }
}

body {
		/*font-family: 'Exo', sans-serif;
		font-size: 20px;*/
		background-color:#E5E5E5;
        
	}
#container {
    margin: auto;
    width: 80%;

}

#top {
    
}

#bottom {
    
}
.ct-chart {
     height:50vh;   
}

.ct-grids line {
  color: red;
}

.ct-labels span {
  color: #3c3c3c;
  font-weight:bold;
  font-family: 'Exo', sans-serif;
}

.ct-grid{ 
    stroke: #3c3c3c;

}

.ct-area {
    fill-opacity: 0.2;
}

.ct-series-a .ct-area {
    fill: red;

}

.ct-series-b .ct-area {
    fill: #3366ff;
}

.ct-series-a .ct-bar, .ct-series-a .ct-line, .ct-series-a .ct-point, .ct-series-a .ct-slice-donut {
    stroke: #3366ff;
    stroke-width: 2px;
    /*stroke-dasharray: 5px 2px;
    /*animation: dashoffset-seven 400ms infinite linear;*/
}


.ct-series-b .ct-bar, .ct-series-b .ct-line, .ct-series-b .ct-point, .ct-series-b .ct-slice-donut {
    /*stroke: #BBBBBB;*/
    stroke: #3366ff;
    stroke-width: 4px;
    /*stroke-dasharray: 5px 2px;
    /*animation: dashoffset-seven 400ms infinite linear;*/
    
}
.ct-label {
    /*font-size: 8px;*/
}