#block-views-2cf960fbf45c5a457de012e8ba0e3120 {
    clear: both;
    margin: 0 auto;
    max-width: 1620px;
}

.packery:after {
  content: ' ';
  display: block;
  clear: both;
}

.packery-item {
    width: 25%;
    float: left;
    padding: 5px 15px;
	position: relative;
}

.view-family-timeline-reference-masonary .packery {
    position: relative;
    clear: both;
    margin-top: 35px;
}

.view-family-timeline-reference-masonary .cd-timeline-content {
    margin: -20px 0 0 0 !important;
	padding: 20px 15px 15px 15px;
    width: 100%;
}
.view-family-timeline-reference-masonary .cd-timeline-content::before {
    top: 0;
    left: 0;
    border: none;
}
.view-family-timeline-reference-masonary .cd-timeline-block.full-width {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}
.view-family-timeline-reference-masonary .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: auto;
    margin: 0 auto;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    z-index: 9;
    top: 0;
    position: relative;
}

.view-family-timeline-reference-masonary .cd-timeline-content .cd-date {
	float: none;
	display: block;
	text-align: center;
	margin-top: 0;
	left: 0;
	top: 0;
	position: relative;
}

/* Temp Grey background panels */ 
.page-node-2484 .view-family-timeline-reference-masonary  .cd-timeline-content.dfl-family {
	background: #f2f2f2 !important;
}




@media (max-width: 960px)  {
	.packery-item {
    width: 33.3333%;
}
}

@media (max-width: 768px)  {
	.packery-item {
    width: 50%;
}

}


@media (max-width: 480px)  {
		.packery-item {
    width: 100%;
}
}