@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	font-family: "Lato", sans-serif;
	position: relative;
}

.founded {
	float: right;
	padding: 5px 0px;
	width: 40%;
	margin-left: 3%;
	margin-bottom: 20px;
	padding: 11px;
	background-color:rgba(255,199,44,0.2);
	border-radius: 0px 0px 125px 0px; 
}

.founded2 {
	padding: 5px 0px;
	width: 95%;
	margin-left: 3%;
	margin-bottom: 20px;
	padding: 11px;
	background-color:rgba(255,199,44,0.2);
}

.timeline1 {
	float: left;
	padding: 10px 0px;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 40px;
}

.timeline1:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 5px;
	width: 3px;
	height: calc(100% - 80px);
	background: #041e42;
}

.timeline1 .column1 {
	margin: 20px 20px 20px 60px;
}

.timeline1 .column1 .title1 .yearbox1 {
	font-size: 80px;
	color: #ffc72c;
	font-family: serif;
	letter-spacing: 5px;
}

.timeline1 .column1 .title1 .yearbox1:before {
	content: "";
	position: absolute;
	border-radius: 25px;
	left: -68px;
	top: 40px;
	width: 22px;
	height: 22px;
	background: #ffc72c;
	border: 4px solid #041e42;
}

.timeline1 .column1 .description1 .toright1 {
	font-size: 20px;
	line-height: 15px;
	margin-left: 15px;
	margin-top: 30px;
}

.timeline1 .column1 .description1 {
	border-left: 1px solid #000;
}


.timelineheader {
	width: 60%;
	font-size: 40px;
	margin-left: 10%;
	margin-top: 20px;
}

.main1 .yearbox1 {
	font-size: 80px;
	line-height: 60px;
}

.main1 .toleft1{
	font-size: 20px;
	line-height: 20px;
	font-family: serif;
	text-align: right;
}

.img-circle {
    border-radius: 80%;
}

.timeline2 {
	float: left;
	padding: 10px 0px;
	width: 40%;
	margin-left: 10%;
	margin-bottom: 40px;
}

.timeline2:before {
	content: "";
	position: absolute;
	top: 40px;
	left: 5px;
	width: 3px;
	height: calc(100% - 80px);
	background: #041e42;
}

.timeline2 .column2 {
	margin: 20px 20px 20px 60px;
}

.timeline2 .column2 .title2 .yearbox2 {
	font-size: 80px;
	color: #ffc72c;
	font-family: serif;
	letter-spacing: 5px;
}

.timeline2 .column2 .title2 .yearbox2:before {
	content: "";
	position: absolute;
	border-radius: 25px;
	left: -68px;
	top: 40px;
	width: 22px;
	height: 22px;
	background: #ffc72c;
	border: 4px solid #041e42;
}

.timeline2 .column2 .description3 .toright2 {
	font-size: 20px;
	line-height: 15px;
	margin-left: 15px;
	margin-top: 30px;
}

.timeline2 .column2 .description2 {
	border-left: 1px solid #000;
}


.timelineheader {
	width: 60%;
	font-size: 40px;
	margin-left: 10%;
	margin-top: 20px;
}

.main2 .yearbox2 {
	font-size: 80px;
	line-height: 60px;
}

.main2 .toleft2 {
	font-size: 20px;
	line-height: 20px;
	font-family: serif;
	text-align: right;
}