.wrapper {
		display: grid;
        justify-content: space-evenly;
}

html {
  font-size: 18px;
}

* {
  box-sizing: border-box;
}

.grid-container {
  display: grid;
  grid-template-areas:
  'nav'
  'header'
  'main'
  'info'
  'footer';
  grid-gap: 10px;
}

body {
  display: grid;
  justify-content:space-evenly;
  color: black;
  background-color: white;
  margin-left: inherit;
}

.nav {
height: 110px;
	}
	.nav a {
		color: black;
        font-family: Aptos, sans-serif;
		margin-left: auto;
		line-height: 50px;
		text-align: center;
		text-decoration: none
	}

.nav li:hover {
  background-color: #af0808;
}


.header {
  grid-area: header;
  background-color: white;
  text-align: center;
  }


.content {
  grid-area: main;
  color: white;
  background-color: black;
  display:grid;
  margin-left: 40px;
}

.info {
    background-color: white;
}


h1 {
    color:#af0808;
    font-family: Thonburi, sans-serif;
    padding-top: 50px;
    padding-bottom: 40px;
}

h2 {
    color:#af0808;
    font-family: Aptos, sans-serif;
    padding-top: 50px;
}

h3 {
  color: #af0808;
  font-family: Aptos, sans-serif;
  padding-top: 40px;
}

p {
  font-family: Aptos, sans-serif;
}

.item1 {
    display:grid;
    grid-column-start: 1;
}
.item2 {
    display:grid;
    grid-column-start: 2;
    }

.footer {
  background-image: url(../img/the-town-bg-02.jpg);
  background-position: bottom;
  background-repeat: no-repeat;
  color: black;
  min-height: 1150px;
  width: 100%;
  height: auto;
  padding-bottom: 50px;
  padding-top: 80px;
}

.item3 {
    margin-left: 40px;
}