section#timeline{
	position:relative;
} 
section#timeline:before {
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    content: '';
    border-left: 2px dotted rgba(72, 37, 18, 0.3);
    z-index: 2;
}

@media(max-width: 768px){ 
  section#timeline:before {
      right: inherit;
      left: 32px;
  }
}
    
    
span.jaartal{ 
		display: inline-block;
    width: 86px;
    height: 31px;  
    line-height: 31px;
    font-size: 17px;
    font-weight: 900;
    font-family: "Cera Pro", sans-serif;
    font-style: normal;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto; 
    z-index: 3; 
}

@media(max-width: 768px){ 
	span.jaartal{ 
    position: static;
    display: inline-block;
    margin-bottom: 5px;
	}
}
    
@media(min-width: 768px){
		
	#sectie1,
	#sectie2,
	#sectie3 {
		overflow-x: hidden;
	}
	#sectie1::before {
	  content: "";
	  position: absolute;
	  width: 645px;
	  height: 454px;
	  background-image: url('/images/history1.svg');
	  background-size: contain;
	  background-repeat: no-repeat;
	  top: 0;
	  right: -170px;
	}

	#sectie2::before {
	  content: "";
	  position: absolute;
	  width: 459px;
	  height: 295px;
	  background-image: url('/images/history2.svg');
	  background-size: contain;
	  background-repeat: no-repeat;
	  bottom: 230px;
	  left: -120px;
	}

	#sectie3::before {
	  content: "";
	  position: absolute;
	  width: 493px;
	  height: 482px;
	  background-image: url('/images/history3.svg');
	  background-size: contain;
	  background-repeat: no-repeat;
	  bottom: 160px;
	  right: -135px;
	}

	/* Laptop breakpoint override */
	@media (min-width: 1025px) and (max-width: 1450px) {
	  #sectie1::before {
	    width: 451px;
	    height: 317px;
	    top: -35px;
	    right: -100px;
	  }

	  #sectie2::before {
	    width: 321px;
	    height: 206px;
	    bottom: 30px;
	    left: -50px;
	  }

	  #sectie3::before {
	    width: 345px;
	    height: 347px;
	    top: 30px;
	    bottom: inherit;
	    right: -170px;
	  }
	}

}