/*Text formatting*/
.body {
    font-family: 'Open Sans', sans-serif !important;
    font-family: 'Roboto', sans-serif !important;
}
.main {
    margin-left: 5%;
    margin-right: 5%;
}
h4 {
    margin-top: 30px;
}

/*Header image and title*/
.top-section {
    height: 33.25vw;
    display: flex;
    gap: 20px;
}
.top-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/*Video*/
iframe {
    display: block;
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
}

/*Timeline grid and graphics*/
.timeline-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto;
    grid-template-areas: 
      "fall spring"
      "fall-graphic spring-graphic";
  }
#timeline {
    width: 40vw;
    display: block;
    gap: 20px;
    margin-left: auto;
    margin-right: auto;
}
#timeline img {
    width: 100%;
    height: 100%;
    object-fit: scale-down;
}