.archive.wrapper{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	padding-top: 30px;
}

.archive.wrapper .hentry{
	margin-right: auto;
	margin-left: auto;
	max-width: 320px;
	width: 100%;
}

.archive.wrapper .entry-content > *,
.archive.wrapper .entry-header{
	width: 100%;
}

/** Entries go to two columns */
@media screen and ( min-width: 750px ) {
	.archive.wrapper{
		flex-direction: row;
	}
	.archive.wrapper .hentry{
		margin-right: 0;
		margin-left: 0;
		width: calc( 50% - 15px);
	}
	.archive.wrapper .hentry:nth-child(2n + 2){
		margin-left: 30px;
	}
}

/** Entries go to three columns */
@media screen and ( min-width: 990px ){
	.archive.wrapper .hentry:nth-child(2n + 2){
		margin-left: 0;
	}
	.archive.wrapper .hentry{
		width: calc( 33.333333% - ( 60px / 3 ));
	}
	.archive.wrapper .hentry:not(:nth-child(3n + 3) ){
		margin-right: 30px;
	}
	.archive.wrapper .hentry:nth-child(3n + 3){
		margin-right: 0px;
	}
}

/** Entries go to four columns */
@media screen and ( min-width: 1180px ){
	.archive.wrapper .hentry{
		width: calc( 25% - ( 90px / 4 ));
	}
	.archive.wrapper .hentry:not(:nth-child( 4n + 4 ) ){
		margin-right: 30px;
	}
	.archive.wrapper .hentry:nth-child(4n + 4){
		margin-right: 0px;
	}
}