.section-hero{ 
	background-color: #E0F0EF;
	width: 100%;
	padding: 230px 0px;
	box-sizing: border-box;
}

.btn-main{ margin-top: 20px; }

#objectiveTxt{
	width: 710px;
	margin-top: 150px;
	padding: 0 200px;
	color: #232C33;
	font-size: 21px;
	line-height: 1.4em;
	-webkit-hyphens: auto;
	hyphens: auto;
	overflow-wrap: break-word; 
}

.section-hero p .small-caps{
	font-weight: bold; letter-spacing: 0.02em!important;
}

.credentials{
	margin-top: 90px;
	margin-left: 200px;
	display: flex;
	flex-wrap: wrap;
}

.skills-group{
	position: relative;
	width: 830px;
	padding-right: 70px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

.credentials .label{
	color: #7B9FA1;
	position: absolute;
	top: 40px;
	left: -70px;
	transform: rotate(-90deg);
	text-align: right;
	height: 22px;
	width: 100px;
}

.skillTag{
	display: inline-block;
	/*margin: 0 20px 20px 0;*/
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.1em;
	/* height: 41px; */
	padding: 11px 20px;
	border-radius: 100px;
	color: #2D3F51;
	background-color: #FBFBF7;
}

.tools-group{
	position: relative;
}

.toolColumn{
	display: inline-block;
	margin: 0px 70px 0px 5px;
	vertical-align: top;
	font-size: 18px;
	line-height: 26px;
	color: #232C33;
}

.toolColumn:last-of-type{ margin-right: 0; }

.section-experience{
	position: relative;
	margin-top: -1px;
	margin-bottom: -1px;
	background-color: #ffffff;
	width: 100%;
	display: flex; flex-direction: column; align-items: center;
}

#yearsExp{
	position: absolute;
	margin-top: -95px;
	width: 190px;
	height: 190px;
	border-radius: 999px;
	background-color: #FF7260;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	z-index: 1;
	color: #ffffff;
}

#yearsExp span:nth-child(1){
	font: 250 86px "bree", sans-serif;
	margin-bottom: -8px;
}

#yearsExp span:nth-child(2){
	font: 500 15px Montserrat;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.workHistory{
	position: relative;
}

#timeline-line{
	position: absolute;
	left: 50%;
	margin-left: -1px;
	width: 2px;
	height: 100%;
	z-index: 0;
	background-color: #E5E5E5;
}

.timeline-entries{
	padding: 136px 0 96px 0;
	/*width: 1200px;*/
	max-width: 1660px;
	margin: auto 4%; 
}

.job{
	position: relative;
	box-sizing: border-box;
	width: 50%;
	margin-bottom: 30px;
}

.job:nth-child(odd){
	margin-left: 50%;
	padding-left: 60px;
}

.job:nth-child(even) {
	padding-right: 60px;
}

.timeline-dot{
	position: absolute;
	top: 20px;
	width: 12px;
	height: 12px;
	border: 0px solid;
	border-radius: 99px !important;
	box-sizing: border-box;
	background-color: #FF7260;
}

.job:nth-child(odd) .timeline-dot{
	left: 0;
	margin-left: -6px;
}

.job:nth-child(even) .timeline-dot{
	right: 0;
	margin-right: -6px;
}

.job:nth-child(even) h3{
	text-align: right;
}
.job:nth-child(even) .location-date{ text-align: right; right: 60px; }

.job h3{
	color: #519AEF;
	margin-bottom: 8px !important;
}

.job .txtSeparator{
	font-weight: normal;
	color: #232C33;
	margin: 0 8px;
	opacity: .25;
}

.job-title{
	font-weight: normal;
	color: #232C33;
}

.location-date{
	display: block;
	width: 100%;
	font: 600 15px "Montserrat", sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
	position: absolute;
	top: -30px;
	color: #8C96A0;
}

.job p{
	font-size: 18px;
	line-height: 1.4em;
}

.job ul{
	font-size: 18px;
	line-height: 1.4em;
	padding-left: 0;
	list-style:none;
}

.job li{
	position: relative;
	padding-left: 16px;
	margin-bottom: 9px;
}

.job li:before {
	content: "";
	position: absolute;
	left: -2px;
	top: 7px;
	width: 9px;
	height: 9px;
	background: #2D3F51;
	border-radius: 3px;
}

.education{
	position: relative;
	display: flex;
	align-items: center;
	flex-direction: column;
	width: 100%;
	text-align: center;
	padding-bottom: 96px;
}

#eduDot{ display: none; }

#educationIcon{
	display: flex;
	justify-content: center;
	box-sizing: border-box;
	width: 124px;
	height: 124px;
	border: 2px solid #E5E5E5;
	border-radius: 100px;
	padding: 42px;
}

.education .label{ display: none; }

.education h3{
	color: #232C33;
	font-weight: normal !important;
	margin-bottom: 10px !important;
}

.education h4{
	color: #232C33;
	font-size: 21px;
	margin-top: 0px;
}

.section-logos{
	background-color: #FBFBF7;
	display: flex;
	align-items: center;
	justify-content: center;
}

#logo-group{
	width: 80%;
	max-width: 1400px;
	margin: 90px 0;
	display: flex;
	flex-wrap: wrap;
}

.clientLogo{
	width: 25%;
	margin: 40px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

/*------Media Queries------*/
@media (max-width: 1520px) {
	.credentials{ margin-right: 10%; }
	.skills-group{ width: 75%; }
	.tools-group{  width: 25%; display: flex; }
	.toolColumn{ margin-right: 30px; }
	.toolColumn:first-of-type{ flex-grow: 1;  }
}

@media (max-width: 1440px) {
	.section-hero{ padding-bottom: 180px; }
	#objectiveTxt{ padding: 0 12%; }
	.credentials{ margin: 90px 10% 0 12%; }
	.timeline-entries{ margin: auto 4%; }
	.job:nth-child(odd){ padding-left: 40px; }
	.job:nth-child(even){ padding-right: 40px; }
}

@media (max-width: 1200px) {
	.section-hero{ padding: 170px 0 140px 0; }
	.skills-group{ width: 100%; padding: 0 0 40px 0; }
	.tools-group{  display: block; width: 100%; }
	.toolColumn{ margin-right: 60px; }
	.toolColumn:first-of-type{ flex-grow: 0;  }
	#logo-group{ width: 90%; }
	.clientLogo{ width: 33%; box-sizing: border-box; padding: 0 7.5%; }
	.clientLogo object{ max-width: 100%; }
}

@media (max-width: 960px) {
	.section-hero h1{ margin: 14px 0!important; }
	.btn-main{ margin-top: 12px; }
	#objectiveTxt{ width: 100%; box-sizing: border-box; font-size: 19px; margin-top: 100px; }
	#yearsExp{ width: 160px; height: 160px; margin-top: -80px; }
	#yearsExp span:nth-child(1){ font-size: 64px; margin: -8px 0 -6px 0; }
	#yearsExp span:nth-child(2){ margin: 0; }
	.timeline-entries{ display: flex; flex-direction: column; align-items: center;  }
	.job{ width: 80%; left: unset; right: unset; margin: 0 0 60px 0; padding: 0; display: flex; flex-direction: column; align-items: center; background-color:#ffffff; }
	.job:nth-child(odd){ margin-left: unset; padding-left: unset; }
	.job:nth-child(even){ padding-right: unset; }
	.job:nth-child(odd) .timeline-dot{ left: unset; margin-left: unset; }
	.job:nth-child(even) .timeline-dot{ right: unset; margin-right: unset; }
	.job:nth-child(even) h3{ text-align: center; }
	.job:nth-child(even) .location-date{ text-align: left; right: unset; }
	.job h3{ text-align: center; margin: 12px 0 0 0!important; }
	.job p{ margin: 12px 0 6px 0; }
	.job ul{ margin: 12px 0; }
	.timeline-dot{ position: relative; top: unset; margin-bottom: 20px; }
	.location-date{ position: relative; top: unset; text-align: center!important; }
	#educationIcon{ width: 88px; height: 88px; padding: unset; margin-bottom: -6px; }
	#educationIcon object{ width: 44px; }
	#logo-group{ margin: 60px 0; }
}

@media (max-width: 780px) {
	.section-hero{ padding: 120px 0 95px 0; }
	.section-hero h1{ margin: 10px 0!important; }
	.btn-main{ margin-top: 16px; }
	#objectiveTxt{ margin-top: 80px; }
	.credentials .label{ position: relative; display: block; transform: rotate(0deg); text-align: left; top: 0; left: 0; width: 100%; height: auto; margin-bottom: 10px; }
	.skills-group{ gap: 18px 12px; }
	.skillTag{ font-size: 17px; padding: 10px 18px; /*margin: 0 12px 18px 0;*/ }
	/*#yearsExp{ margin-top: -35px; width: auto; height: 70px; padding: 0 30px; flex-direction: row; background-color: #ffffff; }
	#yearsExp span:nth-child(1){ font-size: 38px; font-weight: 400; margin: 0 10px 0 0; }
	#yearsExp span:nth-child(2){ margin: 0; }
	#yearsExp span{ color: #FF7260; }*/
	/*.workHistory{ padding: 0 30px; }*/
	#yearsExp{ width: 130px; height: 130px; margin-top: -60px; }
	#yearsExp span:nth-child(1){ font-size: 54px; }
	#yearsExp span:nth-child(2){ font-size: 12px; }
	.timeline-entries{ margin: auto 9%; }
	.job{ width: 100%; padding-top: 24px; }
	.timeline-dot{ display: none; }
	.education h3{ font-size: 24px; }
	#logo-group{ margin: 6% 0; }
}

@media (max-width: 650px) {
	.btn-main{ margin-top: 14px; }
	#objectiveTxt{ padding: 0 10%; margin-top: 76px; }
	.credentials{ margin: 76px 7% 0 10%; }
	.skills-group{ gap: 16px 12px; }
	.skillTag{ font-size: 16px; padding: 9px 18px; /*margin: 0 8px 16px 0;*/ }
	/*.job{ align-items: flex-start; }
	.location-date{ text-align: left!important; }
	.job h3{ text-align: left!important; }*/
	.clientLogo{ width: 50%; padding: 0 10%; }
}

@media (max-width: 480px) {
	.section-hero{ padding: 28% 0 84px 0; }
	.heroText h4{ margin-top: 16px; }
	#objectiveTxt{ padding: 0 8%; margin-top: 60px; font-size: 17px; line-height: 1.6em; }
	.toolColumn{ margin-right: 12%; }
	.credentials{ margin: 60px 6% 0 8%; }
	/*#timeline-line{ left: 14px; }
	.job:nth-child(odd), .job:nth-child(even){ padding: 0 20px 0 30px; margin-bottom: 40px; }
	.job:nth-child(odd) .timeline-dot, .job:nth-child(even) .timeline-dot{ left: 14px; width: 8px; height: 8px; margin: 0 0 0 -4px; }*/
	/*.job-title{ display: inline-block;}*/
	.job p, .job ul{ font-size: 15px; }
	/*.job ul li:before { left: -20.5px; }*/
	/*.education{ padding-left: 30px; }*/
	/*#eduDot{ left: 8px; top: 24px; width: 12px; height: 12px; }*/
	/*.education .label{ font-size: 14px; }*/
	.education h3{ font-size: 20px; }
}

@media (max-width: 330px) {
	.section-hero{ padding: 90px 0 84px 0; }
	#objectiveTxt{ font-size: 16px; }
}