.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  width:100%; 
  padding:2%;
}

.wrapperIndex {
  display: grid;
  grid-template-columns: auto 320px;
  gap: 30px;
  width:100%; 
  padding:2%;
}


h3,h1 {
	margin-bottom:30px;
	margin-top:30px;
	font-family:"HousegrindW01-Regular";
	
}

div.nav {
	justify-content: end;
	grid-template-columns: 100px 1fr;
	gap: 30px;
	width:100%;
	margin: auto;
	display:flex;
	margin-left: auto;
	margin-right: auto;
}

div.navlink {
	vertical-align:middle;
	margin:10px;
	line-height: 2;
	margin-left: auto;
	margin-right: auto;
	font-size:12pt;
}

div.posts {
	margin-bottom:20px;
	margin-top:10px;
}

div.pag {
	margin-bottom:20px;
	margin-top:10px;
}

div.IndexImage {
	
	width:100%;
	height:1000px;
	
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.fa-arrow-right:before{
	content: "/arrow-right.svg/"
}

.whitearrow {
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
  margin:20%;
}

@media (max-width: 991.5px) {
	
	.wrapper {
		grid-template-columns: repeat(1, 1fr);
	}
	
	.wrapperIndex {
		grid-template-columns: repeat(1, 1fr);
	}