html{scroll-padding-top:4.5rem}
body{position:relative;font-family:Lato}
p{line-height:1.75}
ol,ul{padding-left:2rem}
ol,ul,dl{margin-top:0;margin-bottom:1rem}
ol ol,ul ul,ol ul,ul ol{margin-bottom:0}

.page-section{padding:3rem 0}
.page-section h2.section-heading, .page-section .section-heading.h2{
	font-size:1.5rem;
	margin-top:0;
	margin-bottom:1rem;
}
.page-section h3.section-subheading, .page-section .section-subheading.h3{
	font-size:1rem;
	font-weight:400;
	font-style:italic;
	margin-bottom:4rem;
}

.logo{
	width:102px;
	height:94px;
	background-image:url('../images/logobottom2.png');
	margin-bottom:30px;
}
.text-theme{color:var(--cnvs-themecolor) !important}
.btn-xl{
	padding:0.75rem 2rem;
	font-size:1.4rem;
	font-weight:500;
	border-radius:32px;
	text-shadow:1px 1px 2px #000;
}

header.masthead{
	text-align:center;
	color:#fff;
	background-image:url('../images/back/back02.jpg');
	background-repeat:no-repeat;
	background-attachment:scroll;
	background-position:center center;
	background-size:cover;
	padding-top:4rem;
	padding-bottom:2rem;

}
header.masthead .masthead-subheading{
	font-size:2.5rem;
	font-weight:700;
	font-style:italic;
	line-height:3rem;
	margin-bottom:40px;
	text-shadow:2px 2px 4px #000;
}
header.masthead .masthead-heading{
	font-size:1.5rem;
	font-weight:400;
	line-height:2rem;
	margin-bottom:4rem;
	padding:0 20px;
	text-shadow:1px 1px 2px #000;
}

@media (min-width:576px){
	.logo{
		width:315px;
		height:315px;
		background-image:url('../images/logoOGimage256c.png');
	}
	.btn-xl{
		padding:1rem 3rem;
		font-size:2rem;
		border-radius:48px;
	}
	header.masthead{
		padding-top:2rem;
		padding-bottom:3rem;
	}
	header.masthead .masthead-subheading{
		font-size:3rem;
		font-style:italic;
		line-height:4rem;
		margin-bottom:2.5rem;
	}
	header.masthead .masthead-heading{
		font-size:1.8rem;
		font-weight:700;
		line-height:2.5rem;
		margin-bottom:2.5rem;
	}
}


.timeline{
	position:relative;
	padding:0;
	list-style:none;
}
.timeline:before{
	position:absolute;
	top:0;
	bottom:0;
	left:50px;
	width:2px;
	margin-left:-1.5px;
	content:"";
	background-color:#e9ecef;
}
.timeline > li{
	position:relative;
	min-height:50px;
	margin-bottom:50px;
}
.timeline > li:after, .timeline > li:before{
	display:table;
	content:" ";
}
.timeline > li:after{
	clear:both;
}
.timeline > li .timeline-panel{
	position:relative;
	float:right;
	width:100%;
	padding:0 40px 0 120px;
	text-align:left;
}
.timeline > li .timeline-panel:before{
	right:auto;
	left:-15px;
	border-right-width:15px;
	border-left-width:0;
}
.timeline > li .timeline-panel:after{
	right:auto;
	left:-14px;
	border-right-width:14px;
	border-left-width:0;
}
.timeline > li .timeline-image{
	position:absolute;
	z-index:100;
	left:0;
	width:100px;
	height:100px;
	margin-left:0;
	text-align:center;
	color:white;
	border:6px solid #e9ecef;
	border-radius:100%;
	background-color:#ffc800;
}
.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4{
	font-size:10px;
	line-height:14px;
	margin-top:12px;
}
.timeline > li.timeline-inverted > .timeline-panel{
	float:right;
	padding:0 20px 0 120px;
	text-align:left;
}
.timeline > li.timeline-inverted > .timeline-panel:before{
	right:auto;
	left:-15px;
	border-right-width:15px;
	border-left-width:0;
}
.timeline > li.timeline-inverted > .timeline-panel:after{
	right:auto;
	left:-14px;
	border-right-width:14px;
	border-left-width:0;
}
.timeline > li:last-child{
	margin-bottom:0;
}
.timeline .timeline-heading h4, .timeline .timeline-heading .h4{
	margin-top:0;
	color:inherit;
}
.timeline .timeline-heading h4.subheading, .timeline .timeline-heading .subheading.h4{
	text-transform:none;
}
.timeline .timeline-body > ul, .timeline .timeline-body > p{
	margin-bottom:0;
}

@media (min-width:576px){
	.timeline:before{
		left:50%;
	}
	.timeline > li{
		min-height:100px;
		margin-bottom:100px;
	}
	.timeline > li .timeline-panel{
		float:left;
		width:41%;
		padding:0 20px 20px 30px;
		text-align:right;
	}
	.timeline > li .timeline-image{
		left:50%;
		width:140px;
		height:140px;
		margin-left:-70px;
	}
	.timeline > li .timeline-image h4, .timeline > li .timeline-image .h4{
		font-size:13px;
		line-height:18px;
		margin-top:16px;
	}
	.timeline > li.timeline-inverted > .timeline-panel{
		float:right;
		padding:0 30px 20px 20px;
		text-align:left;
	}
}

.footer{
	background-color:#000;
	color:#fff;
}

.link-light{color: #f8f9fa !important}
.link-light:hover, .link-light:focus{color:#f9fafb !important}