.inner {
    width: 60%;
}
    @media screen and (max-width: 500px) {
        .inner {
            width: 90%;
        }
    }

p {
    font-family: "Poppins", sans-serif;
    margin: 0.5em;
    font-weight: 300;
    font-size: 15px;
    line-height: 24px;
    color: #666666;
    text-align: end;
}

.date {
    width: 90%;
    text-align: right;
}

.posts {
	display: -moz-flex;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-moz-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-moz-justify-content: center;
	-webkit-justify-content: space-between;
	-ms-justify-content: center;
	justify-content: space-between;
	list-style: none;
	padding: 0;
	width: 100%;
}

	.posts li {
		padding: 2em 0em;
		display: block;
		position: relative;
		text-align: left;
		width: 30%;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

		.posts li:before {
			display: block;
			color: #00ffcc;
			position: absolute;
			left: 1.75em;
			top: 2.75em;
			font-size: 1.5em;
		}

		@media screen and (max-width: 980px) {

			.posts li {
				padding: 3em 2em 1em 2em ;
				text-align: left;
			}

				.posts li:before {
					left: 0;
					margin: 0 0 1em 0;
					position: relative;
					top: 0;
				}

		}

		@media screen and (max-width: 736px) {

			.posts li {
				padding: 3em 0 1em 0 ;
				background-color: transparent !important;
				border-top: solid 2px #fff;
				width: 100%;
			}

				.posts li:first-child {
					border-top: 0;
				}

		}

		.posts li h3{
			font-size: 0.8em;
            text-align: end;
		}

		.posts li img { 
			width: 100%;
		}


.post_excerpt {
    text-overflow: ellipsis;
    height: 12em;
    overflow: hidden;
}


.readmore_bt {
    width: 90%;
    float: left;
    text-align: center;
    color: #ffffff;
    background-color: #000000;
    padding: 10px 0px;
    bottom: 2em;
    position: absolute;
}

.readmore_bt:hover {
    color: #ffffff;
    background-color: #d4af37;
}

.readmore_bt:visited {
    color: #ffffff;
}