#app .header_projecte {
background-color: #fff;
padding: 0 30px 0 0;
}

img {
display: block;
}

.image-uploadr, .details-container {
display: none;
}

#cont-graph-bar {
align-items: center;
flex-wrap: wrap;
}

#cont-graph-bar ul#legend {
margin: 0 20px;
padding: 0;
}

#cont-graph-bar #legend li{
 list-style-type: none;
 color: #757575;
}

#cont-graph-bar .graph_item {
margin: 0 5px;
flex: initial;
justify-content: end;
align-self: end;
width: 36px;
}

#cont-graph-bar .graph_item .graph_icon {
padding: 4px;
}

#cont-graph-bar .graph_item_container {
height: auto;
}

#cont-graph-bar .graph_valor {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#cont-graph-bar p.graph_valor_xifra {
position: static;
line-height: 1;
margin: 0
}

.icona-mes-info {
display: flex;
width: 100%;
justify-content: center;
align-items: center;
margin-top: 40px;
}

.icona-mes-info a, .icona-mes-info a:visited {
color: #000;
text-align: center;
text-decoration: none;
line-height: 1.2;
}

.icona-mes-info a:hover {
text-decoration: underline;
}

.icona-mes-info .graph_icon {
width: 56px;
height: 56px;
margin-bottom: 4px;
padding: 8px;
}








@media (min-width: 768px) {

	#cont-graph {
	margin: 0 40px 0 20px !important;
	}

	#graph {
	width: 250px;
	}

	#cont-graph-bar {
	display: contents;
	}

	#cont-graph-bar .icona-mes-info {
	order: -1;
	margin-right: 20px;
	}

	.single_infografia {
	display: flex;
	justify-content: center;
	align-items: center;
	}

	.graph_item {
	align-self: end;
	}
	
	#cont-graph-bar ul#legend {
	margin: 0 20px 0 40px;
	}

	.icona-mes-info {
	text-align: center;
	width: 60px;
	display: flex !important;
	flex-direction: column;
	gap: 10px;
	margin-right: 30px;
	}

}