.grafico-barras {
			width: 100%;
			margin: auto;
			display: flex;
			flex-direction: row;
			justify-content: space-around;
			vertical-align: bottom;
			align-items: flex-end;
			/*max-width: 1600px;*/
		}

		.grafico-barras section {
			width: 90%;
		}

		/* Bar Graph Vertical */

		.bar-graph-vertical {
			/*margin-top: 80px;*/
			max-width: 100%;
		}

		.bar-graph-vertical .bar-container {
			float: left;
			height: 500px;
			margin-right: 2%;
			position: relative;
			text-align: center;
			width: calc(7.84% - 2%);
		}
		
		.bar-graph-vertical .bar-container:last-child{
			margin-right: 0px;
		}

		.bar-graph-vertical .bar {
			bottom: 40px;
			position: absolute;
			width: 100%;
			font-family: "Instrument Serif", serif;
			font-weight: 300;
			font-size: 60px;
			opacity: 0;
			overflow: hidden;
		}

		.bar-graph-vertical .info {
			font-family: sans-serif;
			bottom: 0;
			left: 0;
			margin: 8px auto 0px;
			position: absolute;
			right: 0;
			font-weight: bold;
			font-size:14px;

		}

		.bar-graph-two .bar::after {
			-webkit-animation: fade-in-text 2.2s 0.1s forwards;
			-moz-animation: fade-in-text 2.2s 0.1s forwards;
			animation: fade-in-text 2.2s 0.1s forwards;
			color: black;
			content: attr(data-percentage);
			left: 0;
			margin: 0 auto;
			position: absolute;
			right: 0;
			text-align:left;
			bottom: 30px;
			transform: rotate(-90deg);
			font-size: calc(34px + 1vw);

		}

		.bar-graph-two .bar-one .bar {
			background-color: rgba(244, 49, 49, 1);
			-webkit-animation: show-bar-one-vertical 1.2s 0.1s forwards;
			-moz-animation: show-bar-one-vertical 1.2s 0.1s forwards;
			animation: show-bar-one-vertical 1.2s 0.1s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-two .bar {
			background-color: rgba(244, 49, 49, .95);
			-webkit-animation: show-bar-two-vertical 1.2s 1s forwards;
			-moz-animation: show-bar-two-vertical 1.2s 1s forwards;
			animation: show-bar-two-vertical 1.2s 1s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-three .bar {
			background-color: rgba(244, 49, 49, .90);
			-webkit-animation: show-bar-three-vertical 1.2s 2s forwards;
			-moz-animation: show-bar-three-vertical 1.2s 2s forwards;
			animation: show-bar-three-vertical 1.2s 2s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-four .bar {
			background-color: rgba(244, 49, 49, .85);
			-webkit-animation: show-bar-four-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-four-vertical 1.2s 3s forwards;
			animation: show-bar-four-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-five .bar {
			background-color: rgba(244, 49, 49, .80);
			-webkit-animation: show-bar-five-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-five-vertical 1.2s 3s forwards;
			animation: show-bar-five-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-six .bar {
			background-color: rgba(244, 49, 49, .75);
			-webkit-animation: show-bar-six-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-six-vertical 1.2s 3s forwards;
			animation: show-bar-six-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-seven .bar {
			background-color: rgba(244, 49, 49, .70);
			-webkit-animation: show-bar-seven-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-seven-vertical 1.2s 3s forwards;
			animation: show-bar-seven-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-eight .bar {
			background-color: rgba(244, 49, 49, .65);
			-webkit-animation: show-bar-eight-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-eight-vertical 1.2s 3s forwards;
			animation: show-bar-eight-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-nine .bar {
			background-color: rgba(244, 49, 49, .60);
			-webkit-animation: show-bar-nine-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-nine-vertical 1.2s 3s forwards;
			animation: show-bar-nine-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-ten .bar {
			background-color: rgba(244, 49, 49, .55);
			-webkit-animation: show-bar-ten-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-ten-vertical 1.2s 3s forwards;
			animation: show-bar-ten-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-eleven .bar {
			background-color: rgba(244, 49, 49, .50);
			-webkit-animation: show-bar-eleven-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-eleven-vertical 1.2s 3s forwards;
			animation: show-bar-eleven-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-twelve .bar {
			background-color: rgba(244, 49, 49, .45);
			-webkit-animation: show-bar-twelve-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-twelve-vertical 1.2s 3s forwards;
			animation: show-bar-twelve-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		.bar-graph-two .bar-thirteen .bar {
			background-color: rgba(244, 49, 49, .40);
			-webkit-animation: show-bar-thirteen-vertical 1.2s 3s forwards;
			-moz-animation: show-bar-thirteen-vertical 1.2s 3s forwards;
			animation: show-bar-thirteen-vertical 1.2s 3s forwards;
			animation-timeline: scroll();
			animation-range:entry 40% contain 80%;
		}

		/* Bar Graph Vertical Animations */
		@-webkit-keyframes show-bar-one-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 100%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-two-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 81.6%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-three-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 62.2%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-four-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 57.7%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-five-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 51.7%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-six-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 48.8%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-seven-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 42.8%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-eight-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 41.04%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-nine-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 39.8%;
				opacity: 1;
			}
		}

		@-webkit-keyframes show-bar-ten-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 33.88%;
				opacity: 1;
			}
		}
		
				@-webkit-keyframes show-bar-eleven-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 30.8%;
				opacity: 1;
			}
		}
		
				@-webkit-keyframes show-bar-twelve-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 27.9%;
				opacity: 1;
			}
		}
		
				@-webkit-keyframes show-bar-thirteen-vertical {
			0% {
				height: 0;
			}

			100% {
				height: 21.9%;
				opacity: 1;
			}
		}


		@-webkit-keyframes fade-in-text {
			0% {
				opacity: 0;
			}

			100% {
				opacity: 1;
			}
		}

		@media(max-width: 900px) {
			.grafico-barras {
				flex-direction: column;
			}

			.grafico-barras h4 {
				text-align: left;
				width: 100%;
				max-width: none;
			}

			.grafico-barras section {
				width: 100%;
			}
		}