section {
    margin: 100px 5% 20px 5%;
    font-size: 20px;
}

section article img {
    float: right;
    margin: 0px 0px 10px 10px;
    width: 50%;
}

@media screen and (min-width: 2001px) {
    section article img {
        width: 30%;
    }
}

section article .citation {
    border-left: solid rgb(137, 180, 250) 4px;
    padding-left: 6px;
    margin: 0px 30px 0px 20px;
    font-style: italic;
}

section a {
    text-decoration: none;
    color: rgb(136, 57, 239);
}

section a:hover {
    color: rgb(137, 220, 235);
}

/*** Home header CSS ***/
.home-header-mobile {
    display: none;
}

.home-header {
    display: grid;
    grid-template-columns: 1fr auto 1fr; /* Three columns, center takes as much space as needed */
    gap: 20px; /* Adjust the gap between items as needed */
    align-items: center;
    justify-content: center;

    margin: 0px 0px 35px 0px;
}
  
.left-image {
    display: flex;
    justify-content: right;
    align-items: center;
}

.right-image {
    display: flex;
    justify-content: left;
    align-items: center;
}

.left-image img, .right-image img {
    height: 100px;
}

@media screen and (max-width: 1500px) {
    .left-image img, .right-image img {
        height: 60px;
    }
}
  
.center-content {
    text-align: center;
}

/*** Other CSS ***/
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}