body .Americas,
 html .Americas {
 	position: relative;
 	padding: 53px 23px;
 	margin: 2%;
	 overflow: hidden; 
 }
 .scrl-time{
	overflow: scroll;
	 height: 100vh;
 }

 body .acts,
 html .acts {
 	padding-top: 2.5em;
 	margin: auto;
 	max-width: 100%;
 }

 .shameful {
 	position: absolute;
 	width: 0.25em;
 	top: 1.563em;
 	bottom: 1.563em;
 	left: 50%;
 	margin-left: -0.125em;
 	background: #72003b;
 	transition: 0.65s cubic-bezier(0.58, -0.57, 0.17, 1.21);
 }

 .shameful:before {
 	content: " ";
 	width: 36px;
 	height: 36px;
 	position: absolute;
 	background: #72003b;
 	border-radius: 50%;
 	left: -17px;
 	top: 0px;
 }

 .shameful:after {
 	content: " ";
 	width: 36px;
 	height: 36px;
 	position: absolute;
 	background: #72003b;
 	border-radius: 50%;
 	bottom: 0px;
	 left: -17px; 
 }

 .civil {
 	border: 1px solid #72003b;
 	border-radius: 1px;
 	box-shadow: inset -1px -1px 1px rgb(114 0 59 / 34%);
 	clear: both;
 	padding: 20px;
 	width: 50%;
 	margin: -10% -1.875em 2.5em;
 	position: relative;
 	transition: 0.85s cubic-bezier(0.58, -0.57, 0.17, 1.21);
 }

 .civil:first-child {
 	margin-top: 0;
 }

 .civil:before {
 	content: " ";
 	position: absolute;
 	top: 0.688em;
 	left: -2.875em;
 	background: #ffffff;
    height: 1.25em;
    width: 1.25em;
    border-radius: 50%;
    border: 6px solid #72003b; 
 }

 .civil:after {
 	content: " ";
 	width: 0;
 	height: 0;
 	border-style: solid;
 	border-width: 0.469em 0.938em 0.469em 0;
 	border-color: transparent #72003b  transparent transparent;
 	position: absolute;
 	top: 15px;
 	left: -0.938em;
 }

 .civil.right {
 	float: right;
 }

 .civil.left {
 	float: left;
 }

 .civil.left:before {
 	left: auto;
 	right: -2.875em;
 }

 .civil.left:after {
 	left: auto;
 	right: -0.938em;
 	border-width: 0.469em 0 0.469em 0.938em;
 	border-color: transparent transparent transparent #72003b ;
 }

 .year {
 	position: absolute;
 	top: -2.375em;
 	width: 100%;
 }

 .civil.right .year {
 	text-align: left;
 	right: 0;
 }

 .civil.left .year {
 	text-align: right;
 	left: 0;
 }

 .year h4 {
 	letter-spacing: 0.125em;
 	text-transform: uppercase;
 	/* font-size: 1.5rem; */
 	/* font-weight: 200; */
 }

 .designation {
 	/* font-weight: 200; */
 	line-height: 1;
 	/* font-size: 1.6rem; */
 }

 .about {
 	/* font-size: 1.1rem; */
 	line-height: 1.7;
 }

 @media screen and (min-width: 75em) {
 	.civil {
 		margin-top: -80px;
 	}
 }

 @media screen and (max-width: 51.875em) {
 	.shameful {
 		left: 5%;
 	}

 	.civil {
 		margin: 1.563em 0 1.563em 1.875em;
 		width: 95%;
 		transition: 0.75s cubic-bezier(0.43, -0.57, 0.17, 1.11);
 	}

 	.civil.left,
 	.civil.right {
 		float: left;
 	}

 	.civil.left .year {
 		text-align: left;
 		left: 0;
 	}

 	.civil.left:before {
 		right: auto;
 		left: -2.938em;
 	}

 	.civil.left:after {
 		right: auto;
 		left: -0.938em;
 		border-width: 0.469em 0.938em 0.469em 0;
 		border-color: transparent #72003b  transparent transparent;
 	}

 	.civil.right:before {
 		left: -2.938em;
 	}
 }