.project-grid {
    display: flex;
    flex-wrap: wrap;
    max-width: 1170px;
    margin: 0 auto;
}
.single-project-item{
    width: 100%;
}

.single-project-inner{
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    min-height: 300px;
}

.project-thumbnail {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: .3s;
}

.single-project-inner:hover .project-thumbnail{
    transform: scale(1.2);
}

.thumbnail-overlay {
    background-image: linear-gradient(to top, rgba(129, 37, 111, 0.6) 0%, rgba(65, 19, 56, 0.5) 30%, transparent 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 20px;
}

h4.project-title a {
    color: #fff;
}

h4.project-title {
    position: absolute;
    bottom: 0px;
}

.project-meta .tag {
    background: #d4377a;
    padding: 5px 10px;
    border-radius: 20px;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
}

@media(min-width: 1000px){
    div#post-1 {
        width: 50%;
    }
    
    div#post-2 {
        width: 25%;
    }
    
    div#post-3 {
        width: 25%;
    }
    
    div#post-4 {
        width: 50%;
    }
    
    div#post-5 {
        width: 50%;
    }
    
    .single-project-inner{
    	margin: 10px;
	}
}

@media(max-width: 1000px){
	.single-project-inner {
    	margin-bottom: 20px;
	}
}