* {
  box-sizing: border-box;
}

body .Americas, html .Americas {
	position: relative;
	padding: 3.125em 5%;
	margin: 1% 2% 0% 2%;
	overflow: hidden;
}
body .acts, html .acts {
	padding-top: 1.5em;
	margin: auto;
	max-width: 100%;
}

.shameful {
	position: absolute;
	width: 0.250em;
	top: 1.563em;
	bottom: 1.563em;
	left: 50%;
	margin-left: -0.125em;
	background: #c4cbb7;
	-webkit-transition: 0.65s cubic-bezier(0.58, -0.57, 0.17, 1.21);
	transition: 0.65s cubic-bezier(0.58, -0.57, 0.17, 1.21);
}
.shameful:before {
  content: " ";
  width: 2.125em;
  height: 2.125em;
  position: absolute;
  background: #C4CBB7;
  border-radius: 50%;
  left: -0.85em;
  top: 0px;
  box-shadow: -1px 1px 1px 1px #AAB3AB;
}
.shameful:after {
  content: " ";
  width: 2.125em;
  height: 2.125em;
  position: absolute;
  background: #C4CBB7;
  border-radius: 50%;
  bottom: 0px;
  left: -0.875em;
  box-shadow: -1px 1px 1px 1px #AAB3AB;
}

.civil {
	border-style: solid;
	border-width: 14px 1px 1px 1px;
	border-color: #acb7a9;
	border-radius: 2px;
	box-shadow: 0px 0px 98px rgb(242,243,241) inset;
	clear: both;
	padding: 1.0em 0.5em;
	width: 50%;
	margin: -10% -1.875em 1.500em -1.875em;
	position: relative;
	background-image: url('bck_down2.png');
}
.civil:first-child {
	margin-top: 0;
}
.civil:before {
  content: " ";
  position: absolute;
  top: 1.0em;
  left: -2.52em;
  background: #EEE0B7;
  height: 1.250em;
  width: 1.250em;
  border-radius: 50%;
  border: 6px solid #C4CBB7;
  box-shadow: inset 0 -1px 5px #99a14a;
}
.civil:after {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0.469em 0.938em 0.469em 0;
  border-color: transparent #8F6951 transparent transparent;
  position: absolute;
  top: 1.250em;
  left: -0.938em;
}

.civil.right {
	float: right;
}

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

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

.year {
	position: absolute;
	top: -4.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.5em;
  font-weight: 200;
}
.designation {
	margin: 1%;
	font-weight: 200;
	line-height: 1;
	font-size: 1.375em;
}
.about {
	font-size: 0.95em;
	line-height: 1.375em;
}

/* ---------------680---------------- */

@media screen and (max-width: 680px) {
  .shameful {
    left: 6%;
  }

  .civil {
    margin: 0.563em 0 2.563em 1.875em;
    width: 91%;
    -webkit-transition: 0.75s cubic-bezier(0.43, -0.57, 0.17, 1.11);
    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.425em;
  }

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

  .civil.right:before {
    left: -2.4em;
  }
  .about {
	font-size: 0.875em;
}

}