/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
	.cd-container {
	  /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	  width: 70%;
	  margin: 0 auto;
	}
	.cd-container::after {
	  /* clearfix */
	  content: '';
	  display: table;
	  clear: both;
	}
	/* -------------------------------- 

Main components 

-------------------------------- */
-------------------------------- */
@media only screen and (min-width: 1170px) {

}


	  .cd-timeline {
	    position: relative;
	    padding: 30px 0;
	  }
	  .cd-timeline::before {
	    /* this is the vertical line */
	    content: '';
	    position: absolute;
	    top: 0;
	    left: 18px;
	    height: 100%;
	    width: 2px;
	    background: #265188
	  }
	  @media only screen and (min-width: 1170px) {
	    .cd-timeline {
	    }
	    .cd-timeline::before {
	      left: 50%;
	      margin-left: -2px;
	    }
	  }
	  .cd-timeline-block {
	    position: relative;
	    margin: 20px 0;
	  }
	  .cd-timeline-block:after {
	    content: "";
	    display: table;
	    clear: both;
	  }
	  .cd-timeline-block:first-child {
	    margin-top: 0;
	  }
	  .cd-timeline-block:last-child {
	    margin-bottom: 0;
	  }
	  @media only screen and (min-width: 1170px) {
	    .cd-timeline-block {
	      margin: 20px 0;
	    }
	    .cd-timeline-block:first-child {
	      margin-top: 25px;
	    }
	    .cd-timeline-block:last-child {
	      margin-bottom: 20px; 
	    }
	  }
	  .cd-timeline-img {
	    position: absolute;
	    top: 22px;
	    left: 0;
	    width: 10px;
	    height: 10px;
	    border-radius: 50%;
	    box-shadow: 0 0 0 2px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 2px rgba(0, 0, 0, 0.05);
	  }
	  .cd-timeline-img img {
	    display: block;
	    width: 10px;
	    height: 10px;
	    position: relative;
	    left: 50%;
	    top: 50%;
	    margin-left: -5px;
	    margin-top: -5px;
	    display: none
	  }
	  .cd-timeline-img.cd-picture {
	    background: #529CD1;
	  }
	  .cd-timeline-img.cd-movie {
	    background: #529CD1;
	  }
	  .cd-timeline-img.cd-location {
	    background: #529CD1;
	  }
	  @media only screen and (min-width: 1170px) {
	    .cd-timeline-img {
	      width: 14px;
	      height: 14px;
	      left: 50%;
	      margin-left: -7px;
	      /* Force Hardware Acceleration in WebKit */
	      -webkit-transform: translateZ(0);
	      -webkit-backface-visibility: hidden;
	    }
	    .cssanimations .cd-timeline-img.is-hidden {
	      visibility: hidden;
	    }
	    .cssanimations .cd-timeline-img.bounce-in {
	      visibility: visible;
	      -webkit-animation: cd-bounce-1 0.6s;
	      -moz-animation: cd-bounce-1 0.6s;
	      animation: cd-bounce-1 0.6s;
	    }
	  }
	  @-webkit-keyframes cd-bounce-1 {
	    0% {
	      opacity: 0;
	      -webkit-transform: scale(0.5);
	    }
	    60% {
	      opacity: 1;
	      -webkit-transform: scale(1.2);
	    }
	    100% {
	      -webkit-transform: scale(1);
	    }
	  }
	  @-moz-keyframes cd-bounce-1 {
	    0% {
	      opacity: 0;
	      -moz-transform: scale(0.5);
	    }
	    60% {
	      opacity: 1;
	      -moz-transform: scale(1.2);
	    }
	    100% {
	      -moz-transform: scale(1);
	    }
	  }
	  @keyframes cd-bounce-1 {
	    0% {
	      opacity: 0;
	      -webkit-transform: scale(0.5);
	      -moz-transform: scale(0.5);
	      -ms-transform: scale(0.5);
	      -o-transform: scale(0.5);
	      transform: scale(0.5);
	    }
	    60% {
	      opacity: 1;
	      -webkit-transform: scale(1.2);
	      -moz-transform: scale(1.2);
	      -ms-transform: scale(1.2);
	      -o-transform: scale(1.2);
	      transform: scale(1.2);
	    }
	    100% {
	      -webkit-transform: scale(1);
	      -moz-transform: scale(1);
	      -ms-transform: scale(1);
	      -o-transform: scale(1);
	      transform: scale(1);
	    }
	  }
	  .cd-timeline-content {
	    position: relative;
	    margin-left: 60px;
	    background: #f9f9f9;
	    border-radius: 10px;
	    padding: 15px;
	    box-shadow: 0 3px 0 #d7e4ed;
	  }
	  .cd-timeline-content:after {
	    content: "";
	    display: table;
	    clear: both;
	  }
	  .cd-timeline-content h2 {
	    color: #2e2f30;
	  }
	
	  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	    display: inline-block;
	  }
	  .cd-timeline-content p {
	      margin-top:10px;
	    line-height: 1.1;
	  }
	  .cd-timeline-content .cd-read-more {
	    float: right;
	    padding: 8px 15px;
	    background: #acb7c0;
	    color: #ffffff;
	    border-radius:10px;
	  }
	  .no-touch .cd-timeline-content .cd-read-more:hover {
	    background-color: #bac4cb;
	  }
	  .cd-timeline-content .cd-date {
	    float: left;
	    padding: 8px 0;
	    opacity: .7;
	  }
	  .cd-timeline-content::before {
	    content: '';
	    position: absolute;
	    top: 16px;
	    right: 100%;
	    height: 0;
	    width: 0;
	    border: 7px solid transparent;
	    border-right: 7px solid #ffffff;background-color: #fff;
	  }
	  @media only screen and (min-width: 768px) {
	    .cd-timeline-content h2 {
	      font-size: 20px;
	    }
	    .cd-timeline-content p {
	      font-size: 18px;
	    }
	    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	      font-size: 14px;
	      font-size: 14px;
	    }
	  }
	  @media only screen and (min-width: 1170px) {
	    .cd-timeline-content {
	      margin-left: 0;
	      /*padding: 10px 20px;*/
	      width: 45%;
	    }
	    .cd-timeline-content::before {
	      top: 24px;
	      left: 100%;
	      border-color: transparent;
	      border-left-color: #f9f9f9;
	    }
	    .cd-timeline-content .cd-read-more {
	      float: left;
	    }
	    .cd-timeline-content .cd-date {
	      position: absolute;
	      width: 100%;
	      left: 122%;
	      top: 6px;
	      font-size: 16px;
	      font-size: 20px;
	    }
	    .cd-timeline-block:nth-child(even) .cd-timeline-content {
	      float: right;
	    }
	    .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
	      top: 24px;
	      left: auto;
	      right: 100%;
	      border-color: transparent;
	      border-right-color: #f9f9f9;
	    }
	    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
	      float: right;
	    }
	    .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	      left: auto;
	      right: 122%;
	      text-align: right;
	    }
	    .cssanimations .cd-timeline-content.is-hidden {
	      visibility: hidden;
	    }
	    .cssanimations .cd-timeline-content.bounce-in {
	      visibility: visible;
	      -webkit-animation: cd-bounce-2 0.6s;
	      -moz-animation: cd-bounce-2 0.6s;
	      animation: cd-bounce-2 0.6s;
	    }
	  }
	  @media only screen and (min-width: 1170px) {
	    /* inverse bounce effect on even content blocks */
	    .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
	      -webkit-animation: cd-bounce-2-inverse 0.6s;
	      -moz-animation: cd-bounce-2-inverse 0.6s;
	      animation: cd-bounce-2-inverse 0.6s;
	    }
	  }
	  @-webkit-keyframes cd-bounce-2 {
	    0% {
	      opacity: 0;
	      -webkit-transform: translateX(-100px);
	    }
	    60% {
	      opacity: 1;
	      -webkit-transform: translateX(20px);
	    }
	    100% {
	      -webkit-transform: translateX(0);
	    }
	  }
	  @-moz-keyframes cd-bounce-2 {
	    0% {
	      opacity: 0;
	      -moz-transform: translateX(-100px);
	    }
	    60% {
	      opacity: 1;
	      -moz-transform: translateX(20px);
	    }
	    100% {
	      -moz-transform: translateX(0);
	    }
	  }
	  @keyframes cd-bounce-2 {
	    0% {
	      opacity: 0;
	      -webkit-transform: translateX(-100px);
	      -moz-transform: translateX(-100px);
	      -ms-transform: translateX(-100px);
	      -o-transform: translateX(-100px);
	      transform: translateX(-100px);
	    }
	    60% {
	      opacity: 1;
	      -webkit-transform: translateX(20px);
	      -moz-transform: translateX(20px);
	      -ms-transform: translateX(20px);
	      -o-transform: translateX(20px);
	      transform: translateX(20px);
	    }
	    100% {
	      -webkit-transform: translateX(0);
	      -moz-transform: translateX(0);
	      -ms-transform: translateX(0);
	      -o-transform: translateX(0);
	      transform: translateX(0);
	    }
	  }
	  @-webkit-keyframes cd-bounce-2-inverse {
	    0% {
	      opacity: 0;
	      -webkit-transform: translateX(100px);
	    }
	    60% {
	      opacity: 1;
	      -webkit-transform: translateX(-20px);
	    }
	    100% {
	      -webkit-transform: translateX(0);
	    }
	  }
	  @-moz-keyframes cd-bounce-2-inverse {
	    0% {
	      opacity: 0;
	      -moz-transform: translateX(100px);
	    }
	    60% {
	      opacity: 1;
	      -moz-transform: translateX(-20px);
	    }
	    100% {
	      -moz-transform: translateX(0);
	    }
	  }
	  @keyframes cd-bounce-2-inverse {
	    0% {
	      opacity: 0;
	      -webkit-transform: translateX(100px);
	      -moz-transform: translateX(100px);
	      -ms-transform: translateX(100px);
	      -o-transform: translateX(100px);
	      transform: translateX(100px);
	    }
	    60% {
	      opacity: 1;
	      -webkit-transform: translateX(-20px);
	      -moz-transform: translateX(-20px);
	      -ms-transform: translateX(-20px);
	      -o-transform: translateX(-20px);
	      transform: translateX(-20px);
	    }
	    100% {
	      -webkit-transform: translateX(0);
	      -moz-transform: translateX(0);
	      -ms-transform: translateX(0);
	      -o-transform: translateX(0);
	      transform: translateX(0);
	    }
	  }


@media (max-width: 680px){
    
 .cd-timeline::before {
 
    left: 4px;
   
}   
 .cd-timeline-content h2 {font-size: 1.1em;
}   
  .cd-timeline-content {
   
    margin-left: 25px;
  
}  
       .cd-timeline-content::before {
	        top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: #ccc;
	    } 
	    
	    
	    
.cd-container {
    width: 95%;
}	    
	    
   
}