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

h1.indexTitle {
	text-align: center;
	font-size: 3.2em;
	margin-bottom:10px;
}

h2.PageTitle {
	margin-top:30px;
	text-align: center;
	font-size: 3em;
}

p.tagline {
	text-transform: uppercase;
	color: rgba(200, 200, 200, .8);
	font-size: 22px;
}

h2.blog{
	margin-bottom:40px;
	margin-top:40px;
	text-align: center;
	font-size: 32px;
}

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

div.pag {
	margin-bottom:40px;
	margin-top:40px;
	text-align: center;
}

div.IndexImage {
	
	width:100%;
	height:1000px;
	
	background-repeat: no-repeat;
	
	background-position: 50% 75%;
	
}

	img {
		width:100%
	}

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