.content-wrapper {
	width: 100%;
	max-width: 1421px;
	margin: 100px auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}

/* Aside */
.content-wrapper aside {
	padding: 0 31px 0 97px;
background-color: #f1f1f1;
box-shadow: -5px 0 5px -5px rgba(0,0,0,0.25), 5px 0 5px -5px rgba(0,0,0,0.25);
}

.content-wrapper aside .container {
	width: 197px;
	border-top: 9px solid #c0ea6a;
	border-top: 9px solid var(--green, #c0ea6a);
	margin-top: 100px;
}

.content-wrapper aside .container .sort-list .title {
	padding-top: 19px;
	font-size: 1.250em;
	font-weight: bold;
}

.content-wrapper aside .container .sort-list ul li {
	padding-top: 23px;
	font-size: 1.125em;
}

.content-wrapper aside .container .sort-list ul li.active button {
	font-weight: bold;
}

.content-wrapper aside .container .sort-list ul li button {
	background-color: unset;
	border: unset;
	padding: 0;
}

.content-wrapper aside .container .sort-list ul li button:hover {
	cursor: pointer;
}

/* Aside - End */

.posts-list {
/* 	margin: 100px 0; */
}

.posts-list ul.container {
	width: 1055px;
/* 	max-width: 1055px; */
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-gap: 40px;
}
/* 
.posts-list ul.container {
	width: 1075px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 35px 45px;
} */

.posts-list ul li {
	height: 244px;
	display: grid;
}

.posts-list ul li > * {
	grid-area: 1/1/-1/-1;
}

.posts-list ul li .overlay {
	background-color: #000;
	opacity: 0.5;
}

.posts-list ul li a {
	display: flex;
	justify-content: center;
	height: 100%;
	z-index: 15;
}

.posts-list a:hover .name {
	color: #c0ea6a;
	color: var(--green, #c0ea6a);
}

.posts-list ul li a .name {
	font-size: 1.250em;
	font-weight: bold;
	color: #fff;
	color: var(--white, #fff);
	align-self: center;
	text-align: center;
	z-index: 10;
}

@media (max-width: 1450px) {
	.content-wrapper {
		width: 100%;
	}

	.posts-list ul.container {
		width: 90%;
	}

	.content-wrapper aside {
		padding: 0 31px;
	}

	.content-wrapper .posts-list {
		width: 100%;
	}
}

@media (max-width: 1200px) {
	.posts-list ul.container {
		grid-gap: 10px;
	}
}

@media (max-width: 1100px) {
	.posts-list ul li a .image {
		height: 195px;
	}
}

@media (max-width: 1023px) {
	.main-page-banner {
		height: 390px;
	}

	.posts-list ul.container {
		/* 		width: unset; */
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.main-page-banner .headline h1 {
		font-size: 4rem;
	}
}
	
@media (max-width: 800px) {
	.content-wrapper aside {
		padding: 0 5px;
	}
}

@media (max-width: 700px) {
	.top-image .inner-content .title {
		font-size: 4rem;
		text-align: center;
	}
}

@media (max-width: 650px) {
	.posts-list ul.container {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
}

@media (max-width: 500px) {
	.content-wrapper {
		flex-direction: column;
	}

	.content-wrapper aside {
/* 		padding: 10px 5px; */
		padding: 10px 0px;
	}
	
	.content-wrapper aside .container > * {
		padding: 0 15px;
	}

	.content-wrapper aside .container .categories-list ul,
	.content-wrapper aside .container .sort-list .type-list ul {
		display: none;
	}

	.content-wrapper aside .container .categories-list > .title,
	.content-wrapper aside .container .sort-list > .title {
		display: flex;
		justify-content: space-between;
	}

	.content-wrapper aside .container .categories-list > .title:after,
	.content-wrapper aside .container .sort-list > .title:after {
		content: "\f078";
		font-family: 'icomoon';
	}

	.content-wrapper aside .container .categories-list > .title.open:after,
	.content-wrapper aside .container .sort-list > .title.open:after {
		content: "\f077";
	}

	.content-wrapper aside .container { 
		width: 100%;
	}
}

@media (max-width: 500px) {

	.main-page-banner .headline h1 {
		font-size: 2.5rem;
		text-align: center;
	}
}

/*
@media (max-width: 1100px) {
	.posts-list ul.container {
		width: 90%;
	}
}

@media (max-width: 900px) {

	.posts-list ul.container {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 600px) {
	.posts-list ul.container {
		grid-template-columns: 1fr;
	}
}
 */