/* Layout */
/** {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/
/* Styling */
.timeline {
   position: relative;
   margin: 0em auto;
   padding-top: 100px;
   padding-bottom: 100px;
   max-width: 50%;
   list-style: none;
}
.timeline:before {
   background-color: #fff;
   content: '';
   margin-left: 0px;
   position: absolute;
   top: 0;
   left: 2em;
   width: 2px;
   height: 100%;
}
.timeline-event {
   position: relative;
   margin-bottom: 60px;
}
/*.timeline-event:hover .timeline-event-icon {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background-color: #a83279;
}
.timeline-event:hover .timeline-event-thumbnail {
  -moz-box-shadow: inset 40em 0 0 0 #a83279;
  -webkit-box-shadow: inset 40em 0 0 0 #a83279;
  box-shadow: inset 40em 0 0 0 #a83279;
}*/
.timeline-event-copy {
   padding: 2em;
   position: relative;
   top: -1.875em;
   left: 1em;
   width: 80%;
}
.timeline-event-copy h3 {
   margin-top: 10px;
   margin-bottom: 0;
   font-size: 1.75em;
}
.timeline-event-copy h4 {
   font-size: 1.1em;
   margin-bottom: 1.2em;
}
.timeline-event-copy strong {
   font-weight: 700;
}
.timeline-event-copy p:not(.timeline-event-thumbnail) {
   /*  padding-bottom: 1.2em;*/
}
.timeline-event-icon {
   -moz-transition: -moz-transform 0.2s ease-in;
   -o-transition: -o-transform 0.2s ease-in;
   -webkit-transition: -webkit-transform 0.2s ease-in;
   transition: transform 0.2s ease-in;
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg);
   background-color: #ff426a;
   outline: 10px solid white;
   display: block;
   margin: 0.5em 0.5em 0.5em -0.5em;
   position: absolute;
   top: 0;
   left: -1px;
   width: 20px;
   height: 20px;
}
.timeline-event-thumbnail {
   -moz-transition: box-shadow 0.5s ease-in 0.1s;
   -o-transition: box-shadow 0.5s ease-in 0.1s;
   -webkit-transition: box-shadow 0.5s ease-in;
   -webkit-transition-delay: 0.1s;
   transition: box-shadow 0.5s ease-in 0.1s;
   color: white;
   font-size: 0.75em;
   background-color: #ff426a;
   -moz-box-shadow: inset 0 0 0 0em #ef795a;
   -webkit-box-shadow: inset 0 0 0 0em #ef795a;
   box-shadow: inset 0 0 0 0em #ef795a;
   display: inline-block;
   margin-bottom: 1.2em;
   padding: 0.25em 1em 0.2em 1em;
}
/*----------------------- Responsive */
@media only screen and (max-width: 700px) {
.timeline {
   margin: 0em auto;
   padding-top: 50px;
   padding-bottom: 50px;
   max-width: 100%;
}
   
.timeline-event-copy {
   padding: 1em;
   position: relative;
   top: -0.875em;
   left: 1em;
   width: 80%;
} 
   
.timeline-event-copy h3 {
   margin-top: 0px;
   margin-bottom: 0.2em;
   font-size: 1.5em;
}
.timeline-event-copy h4 {
   font-size: 1.1em;
   margin-top: 0;
   margin-bottom: 0.4em;
}   
}