/*
Timeline
*/
/* 
Let's try and stick to the BST4 breakpoints in most cases, I've been using media queries like so: @media (max-width: $breakpoint-md). I added xxl as an additional breakpoint.
*/
/* 
Colour variables
*/
/*
Typography variables
*/
#timeline {
  background-color: rgba(227, 228, 229, 0.4);
}
#timeline .timeline-item img {
  display: block;
  width: 250px;
  max-width: 50%;
  height: auto;
  border-radius: 100%;
}
@media (max-width: 768px) {
  #timeline .timeline-item img {
    margin: 20px auto 10px;
  }
}
/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImJsb2Nrcy90aW1lbGluZS5zY3NzIiwiYmFzZS9fdmFyaWFibGVzLnNjc3MiLCJibG9ja3MvdGltZWxpbmUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztDQUFBO0FDQUE7O0NBQUE7QUFZQTs7Q0FBQTtBQTZCQTs7Q0FBQTtBRG5DQTtFQUNDLDBDQ3NCd0I7QUNmekI7QUZMRTtFQUNDLGNBQUE7RUFDQSxZQUFBO0VBQ0EsY0FBQTtFQUNBLFlBQUE7RUFDQSxtQkFBQTtBRU9IO0FGTEc7RUFQRDtJQVFFLHNCQUFBO0VFUUY7QUFDRiIsImZpbGUiOiJibG9ja3MvdGltZWxpbmUuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLypcblRpbWVsaW5lXG4qL1xuXG5AaW1wb3J0IFwiLi4vYmFzZS92YXJpYWJsZXNcIjtcblxuI3RpbWVsaW5lIHtcblx0YmFja2dyb3VuZC1jb2xvcjogJGxpZ2h0Z3JleS1leHRyYS1vcGFxdWU7XG5cdC50aW1lbGluZS1pdGVtIHtcblx0XHRpbWcge1xuXHRcdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0XHR3aWR0aDogMjUwcHg7XG5cdFx0XHRtYXgtd2lkdGg6IDUwJTtcblx0XHRcdGhlaWdodDogYXV0bztcblx0XHRcdGJvcmRlci1yYWRpdXM6IDEwMCU7XG5cblx0XHRcdEBtZWRpYSAobWF4LXdpZHRoOiAkYnJlYWtwb2ludC1tZCkge1xuXHRcdFx0XHRtYXJnaW46IDIwcHggYXV0byAxMHB4OyBcblx0XHRcdH1cblx0XHR9XG5cdH1cbn0iLCIvKiBcbkxldCdzIHRyeSBhbmQgc3RpY2sgdG8gdGhlIEJTVDQgYnJlYWtwb2ludHMgaW4gbW9zdCBjYXNlcywgSSd2ZSBiZWVuIHVzaW5nIG1lZGlhIHF1ZXJpZXMgbGlrZSBzbzogQG1lZGlhIChtYXgtd2lkdGg6ICRicmVha3BvaW50LW1kKS4gSSBhZGRlZCB4eGwgYXMgYW4gYWRkaXRpb25hbCBicmVha3BvaW50LlxuKi9cblxuXG4kYnJlYWtwb2ludC1zbTogNTc2cHg7XG4kYnJlYWtwb2ludC1tZDogNzY4cHg7XG4kYnJlYWtwb2ludC1sZzogOTkycHg7XG4kYnJlYWtwb2ludC14bDogMTIwMHB4O1xuJGJyZWFrcG9pbnQteHhsOiAxNDUwcHg7XG4kYnJlYWtwb2ludC13cC1tb2JpbGU6IDYwMHB4OyBcblxuLyogXG5Db2xvdXIgdmFyaWFibGVzXG4qL1xuXG4kdGVhbDogI2EyZTFlNTtcbiRwYXN0ZWxncmVlbjogIzg3YzZjOTtcbiRwYXN0ZWxncmVlbi1ob3ZlcjogIzY3YThhYjtcbiRwYWxlYmx1ZTogIzhjYjBkNDtcbiRwYWxlYmx1ZS1ob3ZlcjogIzZlOTNiODtcbiRkYXJrZ3JleTogIzE1MGQwYTtcbiRvZmZibGFjazogIzMzMztcbiRkYXJrYmx1ZTogIzAwNDY4MDtcbiR3aGl0ZTogI0ZGRjtcbiR0ZXh0Z3JleTogIzVjNmQ3ZjtcbiRsaWdodGJsdWU6ICM4Y2IwZDQ7XG4kbGlnaHRncmV5OiAjZTNlNGU1O1xuJGxpZ2h0Z3JleS1vcGFxdWU6IHJnYmEoMjI3LCAyMjgsIDIyOSwgMC45NSk7XG4kbGlnaHRncmV5LWV4dHJhLW9wYXF1ZTogcmdiYSgyMjcsIDIyOCwgMjI5LCAwLjQpO1xuJG9mZndoaXRlOiAjZjhmOGY4O1xuJGJsYWNrOiAjMDAwO1xuJGV2b2dhbWVzeWVsbG93OiAjRTZBMDE5O1xuLy9VbmRlcmxpbmUgY29sb3Igc3R5bGVzXG4kdW5kZXJsaW5lLXdoaXRlLW9wYXF1ZTogcmdiYSgyNTUsIDI1NSwgMjU1LCAwLjQpO1xuJHVuZGVybGluZS13aGl0ZS1leHRyYS1vcGFxdWU6IHJnYmEoMjU1LCAyNTUsIDI1NSwgMC4yKTtcbiR1bmRlcmxpbmUtYmx1ZS1vcGFxdWU6IHJnYmEoMTYyLCAyMjUsIDIyOSwgMC44KTtcbiR1bmRlcmxpbmUtYmx1ZS1leHRyYS1vcGFxdWU6IHJnYmEoMTYyLCAyMjUsIDIyOSwgMC40KTtcbiR1bmRlcmxpbmUtZ3JleS1vcGFxdWU6IHJnYmEoOTIsIDEwOSwgMTI3LCAwLjgpO1xuJHVuZGVybGluZS1ncmV5LWV4dHJhLW9wYXF1ZTogcmdiYSg5MiwgMTA5LCAxMjcsIDAuNCk7XG5cbi8qXG5UeXBvZ3JhcGh5IHZhcmlhYmxlc1xuKi9cblxuJGJhc2UtZm9udDogJ0xhdG8nLCBzYW5zLXNlcmlmO1xuJHNlcmlmLWZvbnQ6ICdWb2xsa29ybicsIHNlcmlmOyBcbiRmb250LWxpZ2h0OiAzMDA7XG4kZm9udC1yZWd1bGFyOiA0MDA7XG4kZm9udC1ib2xkOiA3MDA7XG4kZm9udC1pdGFsaWM6IGl0YWxpYzsiLCIvKlxuVGltZWxpbmVcbiovXG4vKiBcbkxldCdzIHRyeSBhbmQgc3RpY2sgdG8gdGhlIEJTVDQgYnJlYWtwb2ludHMgaW4gbW9zdCBjYXNlcywgSSd2ZSBiZWVuIHVzaW5nIG1lZGlhIHF1ZXJpZXMgbGlrZSBzbzogQG1lZGlhIChtYXgtd2lkdGg6ICRicmVha3BvaW50LW1kKS4gSSBhZGRlZCB4eGwgYXMgYW4gYWRkaXRpb25hbCBicmVha3BvaW50LlxuKi9cbi8qIFxuQ29sb3VyIHZhcmlhYmxlc1xuKi9cbi8qXG5UeXBvZ3JhcGh5IHZhcmlhYmxlc1xuKi9cbiN0aW1lbGluZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEoMjI3LCAyMjgsIDIyOSwgMC40KTtcbn1cbiN0aW1lbGluZSAudGltZWxpbmUtaXRlbSBpbWcge1xuICBkaXNwbGF5OiBibG9jaztcbiAgd2lkdGg6IDI1MHB4O1xuICBtYXgtd2lkdGg6IDUwJTtcbiAgaGVpZ2h0OiBhdXRvO1xuICBib3JkZXItcmFkaXVzOiAxMDAlO1xufVxuQG1lZGlhIChtYXgtd2lkdGg6IDc2OHB4KSB7XG4gICN0aW1lbGluZSAudGltZWxpbmUtaXRlbSBpbWcge1xuICAgIG1hcmdpbjogMjBweCBhdXRvIDEwcHg7XG4gIH1cbn0iXX0= */