.cd-main-header {
 height:200px;
 background:#303f4a;
 background:var(--cd-color-1);
 color:#fff;
 -webkit-font-smoothing:antialiased;
 -moz-osx-font-smoothing:grayscale
}
.cd-main-header h1 {
}
.cd-timeline {
 overflow:hidden;
 padding:2em 0;
 background-color:#fff;
}
.cd-timeline h2 {
}
.cd-timeline__container {
 position:relative;
 padding:1.25em 0;
}
.cd-timeline__container::before {
content:'';
position:absolute;
top:0;
left:18px;
height:100%;
width: 1px;
background: #0a0a0a;
}

/*@media(min-width:64rem) {
 .cd-timeline__container::before {
  left:50%;
  -webkit-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  transform:translateX(-50%)
 }
}
.cd-timeline__block {
 display:-ms-flexbox;
 display:flex;
 position:relative;
 z-index:1;
 margin-bottom:2em;
}
.cd-timeline__block:last-child {
 margin-bottom:0
}

@media(min-width:64rem) {
 .cd-timeline__block:nth-child(even) {
  -ms-flex-direction:row-reverse;
  flex-direction:row-reverse
 }
}
.cd-timeline__img {
 display:-ms-flexbox;
 display:flex;
 -ms-flex-pack:center;
 justify-content:center;
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-negative:0;
 flex-shrink:0;
 width:40px;
 height:40px;
 box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);
 box-shadow:0 0 0 4px var(--color-white),inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)
}
.cd-timeline__img img {
 width:24px;
 height:24px
}

@media(min-width:64rem) {
 .cd-timeline__img {
  width:60px;
  height:60px;
  -ms-flex-order:1;
  order:1;
  margin-left:calc(5% - 25px);
  will-change:transform
 }
 .cd-timeline__block:nth-child(even) .cd-timeline__img {
  margin-right:calc(5% - 25px)
 }
}*/

.cd-timeline__img--picture {
background-color: #fff;
color: #f58220;
text-align: center;
width: 50px;
font-weight: 700;
height: 50px;
}
.cd-timeline__img--movie {
 background-color:#bf3b44;
}
.cd-timeline__img--location {
 background-color:#f0cb47;
}
.cd-timeline__content {
 -ms-flex-positive:1;
 flex-grow:1;
 position:relative;
 margin-left:1.25em;
 background:#fff;
 border: solid 1px #0a0a0a;
padding: 1.75rem 2rem;    
width: calc(100% - 100px);
margin-top: -61px;
}
.cd-timeline__content.black {
background:#0a0a0a;
color:#fff;
}
.cd-timeline__content::before {
 content:'';
 position:absolute;
 top:16px;
 right:100%;
 width:0;
 height:0;
 border:7px solid transparent;
 border-right-color:#0a0a0a;
}


/*@media(min-width:64rem) {
 .cd-timeline__content {
  width:45%;
  -ms-flex-positive:0;
  flex-grow:0;
  will-change:transform;
  margin:0;
 }
 .cd-timeline__content::before {
  top:24px
 }
 .cd-timeline__block:nth-child(odd) .cd-timeline__content::before {
  right:auto;
  left:100%;
  width:0;
  height:0;
  border:7px solid transparent;
  border-left-color:#0a0a0a;
 }
}*/

.cd-timeline__date {
 color:hsla(207,10%,55%,.7);
}

/*@media(min-width:64rem) {
 .cd-timeline__date {
  position:absolute;
  width:100%;
  left:120%;
  top:20px
 }
 .cd-timeline__block:nth-child(even) .cd-timeline__date {
  left:auto;
  right:120%;
  text-align:right
 }
}

@media(min-width:64rem) {
 .cd-timeline__img--hidden,
 .cd-timeline__content--hidden {
  visibility:hidden
 }
 .cd-timeline__img--bounce-in {
  -webkit-animation:cd-bounce-1 .6s;
  animation:cd-bounce-1 .6s
 }
 .cd-timeline__content--bounce-in {
  -webkit-animation:cd-bounce-2 .6s;
  animation:cd-bounce-2 .6s
 }
 .cd-timeline__block:nth-child(even) .cd-timeline__content--bounce-in {
  -webkit-animation-name:cd-bounce-2-inverse;
  animation-name:cd-bounce-2-inverse
 }
}*/
@-webkit-keyframes cd-bounce-1 {
 0% {
  opacity:0;
  -webkit-transform:scale(.5);
  transform:scale(.5)
 }
 60% {
  opacity:1;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@keyframes cd-bounce-1 {
 0% {
  opacity:0;
  -webkit-transform:scale(.5);
  transform:scale(.5)
 }
 60% {
  opacity:1;
  -webkit-transform:scale(1.2);
  transform:scale(1.2)
 }
 100% {
  -webkit-transform:scale(1);
  transform:scale(1)
 }
}
@-webkit-keyframes cd-bounce-2 {
 0% {
  opacity:0;
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(20px);
  transform:translateX(20px)
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes cd-bounce-2 {
 0% {
  opacity:0;
  -webkit-transform:translateX(-100px);
  transform:translateX(-100px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(20px);
  transform:translateX(20px)
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@-webkit-keyframes cd-bounce-2-inverse {
 0% {
  opacity:0;
  -webkit-transform:translateX(100px);
  transform:translateX(100px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}
@keyframes cd-bounce-2-inverse {
 0% {
  opacity:0;
  -webkit-transform:translateX(100px);
  transform:translateX(100px)
 }
 60% {
  opacity:1;
  -webkit-transform:translateX(-20px);
  transform:translateX(-20px)
 }
 100% {
  -webkit-transform:translateX(0);
  transform:translateX(0)
 }
}