/*
.timeline-bg {
    background-image:linear-gradient(3deg, #f3f5f8 35%, #f3f5f8 70%, #fff 70.1%, #fff 100%);
}
*/

.timeline {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
/*
.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 2 / 2 / 3 / 4; }
.div3 { grid-area: 3 / 3 / 4 / 5; }
.div4 { grid-area: 2 / 5 / 3 / 7; }
.div5 { grid-area: 3 / 6 / 4 / 8; }
*/

.div1 { grid-area: 1 / 1 / 2 / 3; }
.div2 { grid-area: 1 / 3 / 2 / 5; }
.div3 { grid-area: 2 / 2 / 3 / 4; }
.div4 { grid-area: 2 / 4 / 3 / 6; }
.div5 { grid-area: 2 / 6 / 3 / 8; }


.timeline p {
    padding-left: 1rem;
    line-height: 1.3;
    border-left:2px solid var(--gfColors-red);
}

#presidentPhotos .card-columns .card {
    margin-bottom: 1.25rem;
}




@media (max-width:767.98px) {
   .timeline {
        grid-template-columns: 1fr;
        grid-template-rows:auto;
   }
    .div1 { grid-area: 1 / 1 / 2 / 2; }
    .div2 { grid-area: 2 / 1 / 3 / 2; }
    .div3 { grid-area: 3 / 1 / 4 / 2; }
    .div4 { grid-area: 4 / 1 / 5 / 2; }
    .div5 { grid-area: 5 / 1 / 6 / 2; }
}

@media (max-width:575.98px) {
    #president img.portrait {
        width:150px;
        height:150px;
    }
}