body {
  background: #fff;
}

html, body {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  font-family: "Lustria", serif;
  font-optical-sizing: auto;
  font-weight: 400;

}

a, a:active, a:visited {
    color: rgb(85, 99, 66);
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

.btn a:hover {
  text-decoration: none;
}

.bg-green {
  background: rgb(85, 99, 66);
}

.bg-green a {
  color: #fff;
}

.bg-green a:hover {

}

.container {
    max-width: 1600px;
}

section  {
  padding: 2rem 0;
}

.img-portrait {
  max-height: 480px;
}

h1 {
  font-size: 3.2rem;
}

/*

header nav,
section {
  max-width: 1600px;
  margin: 0 auto;
}

.grid2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
}
.grid2  { grid-area: 1 / 2 / 2 / 2; }




.grid3 {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.grid3  { grid-area: 1 / 1 / 3 / 3; }


.grid4 {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 2rem;
grid-row-gap: 0px;
}
.grid4  { grid-area: 1 / 2 / 4 / 4; }


*/