@import url('https://fonts.googleapis.com/css?family=Lato:300,400,700,900');
.DesignerHeader {
    display:inline-block;
    padding: 25px 0 0 0;
    width: 100%;
    height: auto;
}

blockquote {
    border-left: 5px solid BurlyWood;
    font-size: 1.3em;
    font-style: normal;
    letter-spacing: -1px;
    margin: 25px 0;
    padding: 0 0 0 25px;
    position: relative;
}

.timelineContain { 
	padding: 0;
	margin: 0;
	font-family: "Lato", sans-serif;
	position: relative;
    
}

.timeline {
	padding: 40px 0px;
	width: 80%;
	margin-left: 20%;
    margin-right: 15%;
	margin-bottom: 40px;
    box-shadow: -3px 0px 0px 0px #c0392b ;
}

.timeline .column {
	margin: 40px 40px 40px 20px;
}

.timeline .column .title h1 {
	font-size: 120px;
	color: rgba(0,0,0,0.1);
	font-family: serif;
	letter-spacing: 3px;
}

.timeline .column .title h1:before {
	content: "";
	position: absolute;
	left: -62px;
	top: 86px;
	width: 10px;
	height: 10px;
	background: #fff;
	border: 3px solid #c0392b;
}

.timeline .column .title h2 {
	margin-top: -60px;
	font-size: 33px;
}

.timeline .column .description p {
	font-size: 13px;
	line-height: 20px;
	margin-left: 20px;
	margin-top: 10px;
	font-family: serif;
}

.timeline .column .description {
	border-left: 1px solid #000;
}

.main {
	width: 80%;
	margin: 0 20%;
	margin-top: 80px;
}

.main h1 {
	font-size: 80px;
	line-height: 60px;
    margin: 0 20% 0 0;
}

.main p {
	font-size: 13px;
	line-height: 20px;
	font-family: serif;
	text-align: right;
    margin-right: 25%;
}