.work {
    max-width: 65%;
    margin-left: max(350px, 30%);
    margin-top: 3%;
    margin-bottom: 3%;
    margin-right: 3%;
}
.work h2{
    font-family: "Eb Garamond", serif;
    line-height: 150%;
    margin-top: 5%;
    margin-bottom: 5%;}

.work h3{
    font-family: "Eb Garamond", serif;
    line-height: 150%;
    margin-top: 5%;
    margin-bottom: 5%;}

.work h4{
    font-family: "Eb Garamond", serif;
    font-weight: 400;
    line-height: 170%;
    margin-bottom: 15px;
    margin-top: .4em;
    font-size: 100%;
}

.work h5{
    font-family: "Eb Garamond", serif;
    font-weight: 300;
    line-height: 100%;
    margin-bottom: 15px;
    margin-top: -1em;
    font-size: 85%;
    font-style: italic;
}

.work p {
    font-family: "Eb Garamond", serif;
    font-size: 85%;
    margin-bottom: 15px;
    margin-top: 0%;
}

.work a:hover {
    color: dimgray;}

.work a {color: black;
    text-decoration: none;}

.title {
    text-align: center;}

.big_thumbnail{
        aspect-ratio: 4/3;}

/*individual thumbnails*/

.project_thumbnails {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    column-gap: 1%;}

.small_thumbnail {
    aspect-ratio: 4/3;}

/*category on homepage thumbnails*/

.category_thumbnails {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
    column-gap: max(5px, 3%);
    row-gap: 2%;
}
@media (max-width: 1110px) {
    .category_thumbnails {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 760px) {
    .category_thumbnails {
        grid-template-columns: repeat(1, 1fr);
    }
}


.big_thumbnail{
    aspect-ratio: 4/3;}

/*category thumbnails*/


.huge_thumbnail {
    aspect-ratio: 4/3;
    border-radius: 2px;}

.pt p {
    font-size: 1vw;}

/*individual thumbnails*/

.project_thumbnails {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    text-align: center;
    column-gap: 1%;}

.small_thumbnail {
    aspect-ratio: 4/3;}

@media only screen and (max-width: 575px) {
    .work {
        align-content: center;
        margin: 0px;
        max-width: 90%;
        margin-left: 5%;
        padding-bottom: 10%;}
        
    .work h4 {
        line-height: 170%;
        margin-bottom: 15px;
        margin-top: .5em;
        font-size: 2.75vw;}

    .work h2 {
        font-size: 4vw;}

    .work p {
        font-size: 2.75vw;
        line-height: 170%;
        margin-bottom: 15px;
        margin-top: 2px;}

    .category_thumbnails {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        text-align: center;
        row-gap: 1%;}

    .project_thumbnails {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        text-align: center;
        column-gap: 2%;}
    

}