	.post-grid-container {
		display: block;
		overflow: hidden;
	}
	.post-grid-container-single {
		background: #f8f8f8 none repeat scroll 0 0;
		border-left: 3px solid red;
		display: block;
		margin-bottom: 5px;
		overflow: hidden;
		padding: 15px;
	}
	.wpp-grid {
		overflow: hidden;
		margin: 2.5em auto;
		padding: 0;
	}
	.wpp-grid li {
	  float: left;
	  list-style: outside none none;
	  margin: 0 !important;
	  outline: medium none;
	  padding: 0;
	  position: relative;
	  width: 33.333%;
	}
	.wpp-grid li .wpp-post-title {
	  display: block;
	  left: 0;
	  line-height: 1em;
	  opacity: 0;
	  position: absolute;
	  text-align: center;
	  top: 0;
	  transition: all 0.4s ease 0s;
	  width: 100%;
	}
	ul.wpp-grid a img {
	  border-radius: 0;
	  box-shadow: none;
	}
	.wpp-grid li .wpp-thumbnail {
		display: block;
		width: 100%;
		height: auto;
		border: none;
	}
	.wpp-grid li .wpp-grid-overlay {
		position: absolute;
		display: block;
		top: 100%;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 0;
		transition: all 0.4s;
		background: rgb(0, 0, 0);
		background: rgba(0, 0, 0, 0.9);
	}
	.wpp-grid li:hover .wpp-grid-overlay {
		top: 0;
		opacity: 1;
	}

	.wpp-grid li .wpp-post-title {
		border: medium none;
		box-shadow: none;
		display: block;
		left: 0;
		line-height: 1em;
		opacity: 0;
		outline: medium none;
		position: absolute;
		text-align: center;
		text-decoration: none;
		top: 0;
		transition: all 0.4s ease 0s;
		width: 100%;
		color:#fff;
	}
	.wpp-grid li:hover .wpp-post-title {
		top: 45%;
		opacity: 1;
	}
     
    /*
     * Responsive CSS rules.
     *
     * These are specific to my theme. You'll have to adjust these to fit yours.
     */
     
    /* When the screen width is 940 or lower, switch to a two columns grid. */
    @media ( max-width: 940px ) {
        .wpp-grid li {
            width: 50%;
        }
    }
     
    /* When the screen width is 480 or lower, switch to a one column grid. */
    @media ( max-width: 480px ) {
        .wpp-grid li {
            float: none;
            clear: both;
            width: 100%;
        }
    }