.depend-inspiration > div {
    margin: 20px 0;
    text-align: center;
}

.depend-inspiration .inspiration-gallery {
    margin-bottom: 100px;
}

.depend-inspiration-archive .header {
    display: flex;
    z-index: 0;
    margin-top: 20px;
}

@media screen and (max-width: 800px) {
    .depend-inspiration-archive .header {
        flex-direction: column;
    }
}

.depend-inspiration-archive .header > div {
    flex: 0 0 50%;
    justify-content: center;
    display: flex;
    align-items: center;
}

.depend-inspiration-archive .header > div.info {
    flex-direction: column;
    padding: 50px;
}

.depend-inspiration-archive .categories .name h2 {
    margin-top: 40px;
    border-bottom: 2px solid #e5e5e5;
}

.depend-inspiration-archive .categories .posts {
    display: flex;
    flex-wrap: wrap;
}

.depend-inspiration-archive .categories .posts .post {
    flex: 0 0 25%;
    padding-right: 20px;
}

@media screen and (max-width: 800px) {
    .depend-inspiration-archive .categories .posts .post {
        flex: 0 0 50%;
        padding-right: 10px;
    }
    
}

.depend-inspiration-archive .categories .posts .post .thumbnail img {
    width: 300px;
    height: 200px;
    object-fit: cover;
}

.depend-inspiration-archive .categories .posts .post .title {
    padding: 20px;
    text-align: center;
}

.inspiration-grid .grid-item {
    border: 2px solid white;
    float: left;
    width: 25%;
    height: 250px;
}

.inspiration-grid .grid-item.item-1,
.inspiration-grid .grid-item.item-7,
.inspiration-grid .grid-item.item-13,
.inspiration-grid .grid-item.item-19 {
    float: left;
    width: 25%;
    height: 500px;
}

.inspiration-grid .grid-item.item-3,
.inspiration-grid .grid-item.item-9,
.inspiration-grid .grid-item.item-15,
.inspiration-grid .grid-item.item-21 {
    float: left;
    width: 50%;
    height: 250px;
} 

@media screen and (max-width: 800px) {
    .inspiration-grid .grid-item {
        height: 150px;
    }
    
    .inspiration-grid .grid-item.item-1,
    .inspiration-grid .grid-item.item-7,
    .inspiration-grid .grid-item.item-13,
    .inspiration-grid .grid-item.item-19 {
        height: 300px;
    }
    
    .inspiration-grid .grid-item.item-3,
    .inspiration-grid .grid-item.item-9,
    .inspiration-grid .grid-item.item-15,
    .inspiration-grid .grid-item.item-21 {
        height: 150px;
    } 
 
}

.inspiration-grid .grid-item img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}