.graph-container{padding: 1.5rem 0; margin: 2rem 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}
.flex-container{display:-webkit-flex;display:flex;margin:10px}
.flex-label p,.flex-txt p{font-size:.9rem;font-family:sans-serif;line-height:1.2rem;margin:0; text-align: center;}
.flex-label{width:20%;text-align:right;height:18px}
.flex-label p{padding:0 1rem 0 0}
.flex-graph{background-color:#e2e2e2;width:60%;height:18px}
.flex-txt{width:20%;height:18px}
.flex-txt p{padding:0 0 0 1rem}
.flex-bar{background-color:#016CA2;height:18px;	background-size: 15px 15px;
	background-position:center right;
	background-repeat: no-repeat;}
.title-graph h3{font-size:1.8rem; text-align: center; font-weight: 900; margin-bottom:0}
.title-graph p{text-align: center; font-family: sans-serif; margin-bottom:1.8rem }
.fuente-graph{margin-top:1px solid #ccc; }
.fuente-graph p{ font-size: .9rem; text-align: center; font-family: sans-serif; }
@media (max-width: 480px) {
  .flex-graph { width: 45%;}
  .flex-label {width: 35%;}
}
.bg-no{background-color:tomato;}
.bg-na{background-color:#ccc;}
.bg-light{background-color:#28A9E0;}