h1{padding-left: 10%;}
#linea{
	margin-left: 10%;
	width: 80%;
	height: 10px;
  background-color: #e00;
  opacity: 1;
}
#contenedor{
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;

}
.p1{
	width: 100%;
	display: flex;
	flex direction: row;
	flex-wrap: wrap;
}
.texto1{
	width: 66%;
}
.img{
	width: 200px;
	display:block;
margin:auto; 
}
.timeline{
	position: relative;
	margin:50px auto;
	padding: 40px 0;
	width: 1000px;
	width: 100%;
}
.timeline:before{
	content: '';
	position: absolute;
	left: 50%;
	width: 2px;
	height: 100%;
	background: grey; 
}
.timeline ul{
	margin:0;
	padding: 0;
}
.timeline ul li{
	list-style: none;
	position: relative;
	width: 50%;
	padding: 20px 40px;
	box-sizing: border-box;
}	
.timeline ul li:nth-child(odd){
	float: left;
	text-align:right;
	clear: both;
}
.timeline ul li:nth-child(even){
	float: right;
	text-align:left;
	clear: both;
}
.content{
	padding-bottom: 20px;
}
.timeline ul li:nth-child(odd):before{
	content: '';
	position: absolute;
	top: 24px;
	right: -6px;
	width: 10px;
	height: 10px;
	background: rgba(233, 33, 99, 1);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}
.timeline ul li:nth-child(even):before{
	content: '';
	position: absolute;
	top: 24px;
	left: -4px;
	width: 10px;
	height: 10px;
	background: rgba(233, 33, 99, 1);
	border-radius: 50%;
	box-shadow: 0 0 0 3px rgba(233, 33, 99, 0.2);
}
h3{
	color: rgba(233, 33, 99, 1);
}


@media (max-width:991px ) {
	.p1{
	width: 100%;
	}
	.texto1{
		width: 100%;
	}
	.timeline ul li:nth-child(odd){
	float: left;
	text-align:right;
	clear: both;
	padding-right: 20px;
	padding-left: 0px;

	}
	.timeline ul li:nth-child(even){
		float: right;
		text-align:left;
		clear: both;
		padding-right: 0px;
		padding-left: 20px;
	}
}