.project {
    position:relative;
    margin-bottom:1.5em;
    display:grid;
    grid-template-columns:auto 2.5fr 0.5fr;
    column-gap:1.625em;
}

.project h2 {
    font-size:1.125em;
    margin-top:0;
}

.project div {
    display:flex;
    flex-flow:column;
    align-items:flex-start;
}

.project img {
    max-height:25vh;
    object-fit:contain;
    margin-left:0;
}

.fa {
    font-size:2em;
    text-shadow:0.0625em 0.0625em 0.125em var(--blue);
}

@media only screen and (max-width:900px) {
    .project {
        display:flex;
        flex-flow:column;
        align-items:center;
        font-size:0.75em;
        text-align:center;
    }

    .project img {
        max-height:auto;
        max-width:75%;
        margin:auto;
    }

    .project a {
        text-align:center;
        margin:auto;
    }

    .project i {
        position:absolute;
        top:0.5em;
        right:0.5em;
    }
}