body > header ~ section.about {
    margin-top: 150px;
    margin-bottom: 50px;
    text-align: center !important;
}
body > header ~ section.about  > header {
	margin-bottom	:	50px;
}
body > header ~ section.about .inner {
	padding		:	0 10% 0  10%;
	text-align	:	left;
	position	:	relative;
}

/** TIMELINE **/
.timeline .box-left,.timeline  .box-right,.timeline .box-center{
	border-color	:	#d8d2b8;
	border-width	:	10px;
}
.timeline .box-left, .timeline .box-right, .timeline .box-end{
	z-index					: 10;
}
.timeline .box-left{
	left	:	-6%;
}
.timeline .box-right{
	right	:	-6%;
}
.timeline > .box-ctr:nth-child(1){
	z-index		:	50;
}
.timeline >  .box-ctr:nth-child(2){
	z-index		:	45;
}
.timeline >  .box-ctr:nth-child(3){
	z-index		:	40;
}
.timeline >  .box-ctr:nth-child(4){
	z-index		:	35;
}
.timeline >  .box-ctr:nth-child(5){
	z-index		:	30;
}
.timeline{
	margin-top	:	125px;
}
.timeline >.box-ctr{
	margin		:	-10px 15% 0 15%;
	position	:	relative;
	text-align	:	left;
}
.timeline >.box-ctr > *{
	text-align	:	left;
}
.timeline .box-left.bt{
	border					: 10px solid #d8d2b8 ;
	border-right-width		: 0px!important;
	border-left-width		: 0px!important;
	border-bottom-width		: 0px!important;
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	border-radius			: 0px;
	left					: 0;	
}
.timeline .box-right.bt{
	border					: 10px solid #d8d2b8 ;
	border-right-width		: 0px!important;
	border-left-width		: 0px!important;
	border-bottom-width		: 0px!important;
	-webkit-border-radius	: 0px;
	-moz-border-radius		: 0px;
	border-radius			: 0px;
}
.timeline .box-center {
	width	:	90%;
	left	:	0;
	margin	:	0 5%;
	padding	:	0 0 50px 0;
	z-index	:	100;
}

.timeline .box-left + .box-end{
    border				:  	10px solid /*dashed*/ #d8d2b8 ;
    border-left-width			:	0px!important;
	border-bottom-width		:	0px!important;
	position			:	absolute;
	left				:	10%;
	width				:	35%;
	height				:	100%;
	top					:	0;
	-webkit-border-top-right-radius		: 75px;
	-moz-border-radius-topright			: 75px;
	border-top-right-radius				: 75px;
}



.timeline .box-ctr .event{
	position		:	relative;
	display			:	inline-block;
	width			:	15%;
	left			:	0;
	top				:	0;
	vertical-align	:	top;
	margin-left		:	8%;
}
.timeline .box-ctr .event.small{
	width		:	12%;
}
.timeline .box-ctr .event.spacer{
	width		:	6%;
	margin		:	0;
}
.timeline .box-ctr .event.small > header > span.year > span {
	font-size		:	40px;
	margin-top		:	-30px;
}
.timeline .box-ctr .event.top > header{
	border-bottom	:	6px solid #2c2f2c;
	position		:	relative;
	padding-bottom	:	17%;
}
.timeline .box-ctr .event > header:before{
	content					:	'';
	width					:	4px;
	height					:	100%;
	position				:	absolute;
	top						: 	0px;
	left					:	50%;
	margin-left				:	-2px;
	background				:	#FED17E;
}
.timeline .box-ctr .event > header:after{
	content					:	'';
	-webkit-border-radius	:   50%;
	-moz-border-radius		:   50%;
	border-radius			:   50%;
	position				:	absolute;
	bottom					:	-13px;
	left					:	50%;
	margin-left				:	-10px;
	width					:	20px;
	height					:	20px;
	background				:	#FED17E;
}
.timeline .box-ctr .event.top.small > header{
	padding-bottom			:	50%;
}
.timeline .box-ctr .event > header > span.year{
	top						:	-50%;
	width					:	100%;
	display					:	block;
	-webkit-border-radius	:   50%;
	-moz-border-radius		:   50%;
	border-radius			:   50%;
	padding-bottom			:	100%;
	background				:	#FED17E;
	position				:	relative;
	font-family				:	'Open Sans Condensed','Open Sans',sans-serif;
}
.timeline .box-ctr .event > header > span.year  > span {
	position			:	absolute;
	width				:	100%;
	text-align			:	center;
	font-size			:	50px;
	top					:	50%;
	margin-top			:	-35px;
	color				:	#FFFFFF;
	display				:	block;
}

/** EVENT LEFT & RIGHT POS **/
.timeline .box-ctr .event.left {
	width			:	100%;
	float			:	none;
	margin			:	75px 0 25px;
	height			:	100%;
}

.timeline .box-ctr .event.right {
	width			:	100%;
	left			:	100%;
	height			:	100%;
	margin-left		:	0;
}

.timeline .box-ctr .event.left.half,
	.timeline .box-ctr .event.right.half {
	position		:	absolute;
	margin-top		:	auto;
	margin-bottom	:	auto;
	vertical-align	:	middle;
}
.timeline .box-ctr .event.left.half > header,
	.timeline .box-ctr .event.right.half > header{
	margin-top		:	-7.5%;
	top				:	50%;
}
.timeline .box-ctr .box-end .event.right.half > header{
	margin-top		:	-15%;
}
.timeline .box-ctr .event.left > header,
	.timeline .box-ctr .event.right > header{
	border-right	:	6px solid #2c2f2c;
	position		:	relative;
	width			:	15%;
	display			:	inline-block;
	margin			:	auto 0;
}
.timeline .box-ctr .box-end .event.right > header{
	width			:	30%;
}
.timeline .box-ctr .event.left > header:before,
	.timeline .box-ctr .event.right > header:before{
	height					:	4px;
	width					:	100%;
	top						: 	50%;
	left					:	0px;
	margin-top				:	-2px;
	margin-left				:	0;
}
.timeline .box-ctr .event.left > header:after{
	top						:	50%;
	left					:	100%;
	margin-top				:	-10px;
	margin-left				:	-7px;
}
.timeline .box-ctr .event.right > header:after{
	top						:	50%;
	left					:	100%;
	margin-top				:	-10px;
	margin-left				:	-7px;
}
.timeline .box-ctr .event.left > header + .event-ctnt,
	.timeline .box-ctr .event.right > header + .event-ctnt{
	position		:	absolute;
	width			:	100%;
	height			:	100%;
	padding-left	:	16%;
	top				:	0;
	left			:	0;
	margin-top		:	-3px;
}
.timeline .box-ctr .box-end .event.right > header + .event-ctnt{
	padding-left	:	35%;
}
.timeline .vamiddle, .vamiddle{
	display			:	table;
	position		:	relative;
	width			:	100%;
	height			:	100%;
}
.timeline .vamiddle > .va-ctr, .vamiddle > .va-ctr{
	vertical-align	: 	middle;
	display			:	table-cell;
}


/** BOTTOM POS **/
.timeline .box-ctr .event.bottom > header {
	border-top		:	6px solid #2c2f2c;
	position		:	relative;
	padding-top		:	17%;
}
.timeline .box-ctr .event.bottom > header:after{
	top				:	-13px;
}
.timeline .box-ctr .event.bottom{
	vertical-align	:	bottom;
}


/** POSITIONS **/
.timeline .box-ctr .box-left.bt + .box-center .event:nth-child(1){
	left		:	-6%;
	margin-left	:	0%;
}
.timeline .box-ctr .box-left.bt + .box-center .event:nth-child(1) + .event{
	margin-left	:	28%;
}
.timeline .box-ctr .box-left + .box-center .event.bottom:nth-child(1){
	margin-left	:	23%;	
}
.timeline .box-ctr .box-end + .box-center .event:nth-child(1){
	margin-left	:	5%;
}
.timeline .box-ctr .event.left.half + .event{
	margin-left	:	63%;
}
.timeline .box-ctr .event.top > header > span.year{
	margin-top	:	-53%;	
}
.timeline .box-ctr .event.bottom > header > span.year{
	margin-bottom	:-50%;	
}
.timeline .box-ctr .event.left{
	margin-left	:	-12%;	
}
.timeline .box-ctr .event.left > header > span.year,
	.timeline .box-ctr .event.right > header > span.year{
	margin-left	:	-50%;	
}
.timeline .box-ctr .event.bottom{
	margin-bottom	: -45px;
}

/** IMG POS **/
.timeline .box-center > img{
	position	:	absolute;
}
/** LINE 1 **/
.timeline img.choco{
	left		:	18%;
	transform	:	translate(0, -160%);
}
.timeline img.cloudy{
	left		:	18%;
	transform	:	translate(0%, 40%);
}
.timeline img.speaker{
	left		:	75%;
	transform	:	translate(0, -180%);
}
.timeline img.pushpin{
	left		:	77%;
	transform	:	translate(0, 60%);
}
/** LINE 2 **/
.timeline img.cone{
	left		:	100%;
	top			:	-10px;
	transform	:	translate(0, -100%);
}
.timeline img.dude{
	left		:	17%;
	transform	:	translate(0,  -130%);
}
.timeline img.box{
	left		:	-15%;
	transform	:	translate(0, -130%);
}
.timeline img.mail{
	left		:	50%;
	top			:	-10px;
	transform	:	translate(0, -100%);
}
.timeline img.support{
	top			:	50%;
	left		:	100%;
	transform	:	translate(0, -50%);
}
/** LINE 3 **/
.timeline img.house{
	top			:	-10px;
	left		:	50%;
	transform	:	translate(-150%, -100%);
}
.timeline img.wireless{
	top			:	0%;
	left		:	65%;
	transform	:	translate(0, 10%);
}
.timeline img.task{
	top			:	100%;
	left		:	100%;
	transform	:	translate(0, -190%);
}
/** LINE 4 **/
.timeline img.lphone{
	top			:	0%;
	left		:	0%;
	transform	:	translate(-100%, -130%);
}
.timeline img.phablet{
	top			:	0%;
	left		:	50%;
	transform	:	translate(-50%, 50%);
}
.timeline img.monitor{
	top			:	-10px;
	left		:	74%;
	transform	:	translate(0, -100%);
}
.timeline img.pig{
	top			:	0%;
	left		:	0%;
	transform	:	translate(-80%, 100%);
}
/** LINE 5 **/
.timeline img.server{
	top			:	0%;
	left		:	0%;
	transform	:	translate(-80%, -150%);
}
.timeline img.idea{
	top			:	0%;
	left		:	40%;
	transform	:	translate(-0%, -120%);
}
.timeline img.chat{
	top			:	0%;
	left		:	90%;
	transform	:	translate(-60%, -165%);
}
.timeline img.rocket{
	top			:	50%;
	left		:	0%;
	transform	:	translate(-100%, -50%);
}
.timeline img.gphone{
	top			:	50%;
	left		:	90%;
	transform	:	translate(-60%,  -60%);
}