.el-linha-do-tempo{
	position: relative;
	padding: 60px 0;
	background-image: url(../imagens/pattern-1.png);
	background-repeat: repeat;
	@include desktop {
		padding: 120px 0;
	}
	@include mq-min(1920) {
		padding: valor-fluido(150, 1920) 0;
	}
	.wrapper{
		position: relative;
		@include mq-min(1360) {
			display: flex;
			justify-content: space-between;
		}
		.info{
			text-align: center;
			margin-bottom: 30px;
			@include desktop {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				text-align: left;
			}
			@include mq-min(1360) {
				width: 66%;
				margin-bottom: 0;
			}
			.v2{
				margin-bottom: 20px;
				@include desktop {
					flex-shrink: 0;
					width: 250px;
				}
				@include mq-min(1920) {
					margin-bottom: valor-fluido(20, 1920);
					width: valor-fluido(250, 1920);
				}
			}
			.texto{
				@include desktop {
					flex-grow: 1;
					margin-left: 30px;
				}
				@include mq-min(1920) {
					margin-left: valor-fluido(30, 1920);
				}
			}
		}
		.itens{
			text-align: center;
			@include mq-min(1360) {
				display: flex;
				justify-content: space-between;
				width: 32%;
				margin-left: 2%;
				text-align: left;
			}
			.labels{
				display: flex;
				align-items: center;
				justify-content: center;
				flex-wrap: wrap;
				margin-bottom: 15px;
				@include mq-min(1360) {
					flex-shrink: 0;
					align-items: flex-start;
					justify-content: flex-start;
					flex-direction: column;
					width: 160px;
				}
				@include mq-min(1920) {
					margin-bottom: valor-fluido(15, 1920);
					width: valor-fluido(160, 1920);
				}
				a{
					font-size: 20px;
					font-weight: 500;
					line-height: 1.5;
					padding: 5px 15px;
					transition: 0.2s;
					cursor: pointer;
					@include mq-min(1920) {
						font-size: valor-fluido(20, 1920);
						padding: valor-fluido(5, 1920) valor-fluido(15, 1920);
					}
					&:before{
						content: '';
						display: inline-block;
						vertical-align: middle;
						width: 18px;
						height: 18px;
						border-radius: 50%;
						background-color: $color;
						margin-right: 5px;
						transition: 0.2s;
						@include desktop {
							margin-right: 15px;
						}
						@include mq-min(1920) {
							width: valor-fluido(18, 1920);
							height: valor-fluido(18, 1920);
							margin-right: valor-fluido(15, 1920);
						}
					}
					&:hover,
					&.ativo{
						color: $color_destaque;
						&:before{
							background-color: $color_destaque;
						}
					}
				}
			}
			.conteudos{
				@include mq-min(1360) {
					flex-grow: 1;
				}
				.conteudo{
					display: none;
					font-size: 24px;
					font-weight: 300;
					color: $color_destaque;
					line-height: 1.2;
					@include tablet {
						@include propriedade-fluida("font-size", 24, 29, 768, 1920);
					}
					@include mq-min(1920) {
						font-size: valor-fluido(29, 1920);
					}
				}
			}
		}
	}
}