nav .header-bg {
    background: rgba(107,113,126,60%);
}
.justify-content-center.align-items-start * {
  align-items: flex-start;
  justify-content: center;
  text-align: center;
}
section.hero .carousel .carousel-inner .item img:not(.heroLogo) {
    display: block;
    width: 100%;
}
section.hero .carousel .carousel-inner .item img.heroLogo {
	width: auto;
	height: auto;
	text-align: center;
	max-width: calc(100% - 30px);
}
section.hero .carousel .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
}
/*
section.hero .carousel .item.active:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,.8);
}*/
section.hero .carousel .carousel-caption h1 {
    font-family: 'Chakra Petch';
    font-weight: 600;
    font-size: 5rem;
    color:var(--darkGray);
    text-transform:uppercase;
}
ol.carousel-indicators {
    display: none;
}


.intro p {
    font-size: 1.2rem;
    line-height: 1.8rem;
    font-family: 'Bitter';
    font-weight: 600;
}


.cta-left {
    flex: 1 1 25%;
	border-right:1px solid var(--gray);
    
}

.cta-right {
    flex: 1 1 75%;
    padding-left:4rem;
    display:flex;
    align-items:center
}

.flex-column .col-sm > div {
    display: flex;
}

div[class*="cta"] h3{ text-transform:uppercase}

/* Timeline */
#puregym-timeline {
  
}

.timeline-content {
  margin-top: 50px;
  text-align: center;
}

.timeline {
  border-left: 1px solid var(--periwinkle);
  /*border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(255, 255, 255, 0.03);*/
  color: var(--darkGray);
  margin: 50px auto;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding: 50px;
  list-style: none;
  text-align: left;
  font-weight: 100;
}
.timeline h2 {

}
.timeline h3 {
}

.timeline p {
}

.timeline .event {
  /*border-bottom: 1px dashed rgba(255, 255, 255, 0.1);*/
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
}
.timeline .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline .event:before,
.timeline .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline .event:before {
  left: -217.5px;
  color: var(--darkGray);
  content: attr(data-date);
    text-align: right;
    font-weight: 700;
    font-size: 1.5em;
    min-width: 120px;
    font-family: 'Chakra Petch';
}
/*dots between dates and descriptions in middle of vertical line*/
.timeline .event:after {
	box-shadow: 0 0 0 2px #313534;
    left: -54.85px;
    background: var(--periwinkle);
    border-radius: 50%;
    height: 9px;
    width: 9px;
    content: "";
    top: 5px;
  visibility: hidden;
}

@media(max-width:768px){
  section.hero .carousel .carousel-caption h1 {
    font-size: 1.5rem!important;
}

.text.gold h2 {
    font-size: 1.5rem!important;
    padding: 0 2rem;
    margin: 0;
}

.inner .text {
    margin: 0;
    padding: 1rem 0!important;
}
  .cta-left, .cta-right {
    border: 0px none;
}
.timeline-content {
    padding: 0 2rem;
}

.timeline-content .timeline{
    margin:1rem 5rem
}
}