.portfolio-grid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 1.5vw;
    grid-row-gap: 5vw;
}

    .portfolio-grid .project {
        display: flex;
        flex-direction: column;
        align-items: center;
        cursor: pointer;
        transform: scale(0);
	    animation: projectload 0.5s ease-in-out forwards;
    }

        .portfolio-grid .project h3 {
            font-family: PoppinsBold;
            font-size: 1.2vw;
            color: #194268;
            padding-bottom: 1vw;
            text-transform: uppercase;
            height: 2vw;
        }

        .portfolio-grid .project h3:empty {
            padding-bottom: 1vw;
        }

        .portfolio-grid .project .thumb {
            width: 20vw;
            height: 20vw;
            border-radius: 1.5vw;
            background-color: #F2F5F7;
            overflow: hidden; 
        }

            .portfolio-grid .project .thumb div {
                height: 100%;
                position: relative;
                border-radius: 1.5vw;
                background-repeat: no-repeat;
                background-position: center;
                background-size: cover;
            } 


        .portfolio-grid .project p {
            padding-top: 0.5vw;
            font-size: 1vw;
            font-family: PoppinsLight;
        }
        
    @keyframes projectload {
        0% { opacity: 0; }
        100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; }
    }