body {
  font-family: Arial, sans-serif; padding: 20px;
  line-height: 1.6;
  background-color: #fce7d5;
  color: #895021

}
.container { max-width: 1500px; margin: 0 auto; }
.container-narrow { max-width: 900px; margin: 0 auto; }
h1, h2, h3 { color: #895021 ; }
p { margin-bottom: 10px; }
ul { padding-left: 20px; }
li { margin-bottom: 5px; }
a { color: #895021; }

img {
  width: 100%; max-width: 200px; height: auto;
}

.with-border {
  border: 5px solid #895021;
  border-radius: 20px;
}

.flex { display: flex; flex-wrap: wrap; }

@media (max-width: 800px) {
  img { max-width: 400px; border-radius: 20px }
  .flex { flex-direction: column; }
}

@media (min-width: 1000px) {
  img { max-width: 400px; }
}