/* //////////////////// Section  info historical consumption ////////////////////*/
.graph-consumption-historic .content-histo{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  height:520px;
}
.graph-consumption-historic .historic-info{
  display: flex;
  margin-top: 26px;
  position: relative;
  left: 64px;
}
.graph-consumption-historic .vertical-line{
  height:170px;
}

.graph-consumption-historic .vertical-line img{
  height: 170px;
  width: 75px;
  opacity: 0.5;
}
.graph-consumption-historic .pic,
.graph-consumption-historic .historic{
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}
.graph-consumption-historic .historic{
  font-weight: 800;
}
.graph-consumption-historic .value{
  font-size:36px;
  font-weight:bold;
}

.graph-consumption-historic .value span{
  font-size:26px;
}

.content-histo .img-bottom {
    position: absolute;
    top: 222px;
}

.content-histo .img-bottom img{
    width: 100%;
}


@media only screen and (max-width: 768px) {
	.content-histo .img-bottom {
		top: 197px;
	}

	.graph-consumption-historic .pic, .graph-consumption-historic .historic {
		font-size: 14px;
	}

	.graph-consumption-historic .value {
		font-size: 30px;
	}

	.graph-consumption-historic .value span {
		font-size: 19px;
	}
}