* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

/* ----- Import Partials ----- */
.preview .box1,
.preview .box2,
.preview .box3 {
  border: 1px solid #cfb65a;
  border-radius: 5px;
  background: #faecb9;
  margin-bottom: 1rem;
}
.preview .box1 h3,
.preview .box2 h3,
.preview .box3 h3 {
  padding: 1rem;
}
.preview .box1 p,
.preview .box2 p,
.preview .box3 p {
  padding: 0 1rem;
  padding-bottom: 1rem;
}

header ul {
  display: flex;
  justify-content: space-around;
  list-style-type: none;
  padding: 1rem;
}
header ul a {
  text-decoration: none;
}
header .hero {
  background-image: url(../images/header.jpg);
  background-size: cover;
  height: 200px;
  text-align: center;
  padding: 70px;
}

.preview {
  margin-bottom: 4rem;
}
.preview .box1_img {
  background-image: url(../images/mountain.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 250px;
}
.preview .box2_img {
  background-image: url(../images/surfer.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 250px;
}
.preview .box3_img {
  background-image: url(../images/tree.jpg);
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 250px;
}

.article p {
  padding: 1rem 0;
}

aside {
  border: 1px solid #cfb65a;
  padding: 1rem;
}

@media screen and (min-width: 1200px) {
  header ul {
    justify-content: flex-end;
    gap: 1rem;
  }
  .wrapper {
    display: grid;
    grid-template-columns: repeat 3, 1fr;
    grid-template-rows: 1fr 250px;
    grid-template-areas: "preview preview preview" "article article aside";
  }
  .wrapper .preview {
    grid-area: preview;
    display: flex;
    gap: 1rem;
  }
  .wrapper .article {
    grid-area: article;
  }
  .wrapper aside {
    grid-area: aside;
  }
}
/* ----- Minor Styles ----- */
body {
  font-family: sans-serif;
}

.wrapper {
  width: 80%;
  margin: 2rem auto;
}/*# sourceMappingURL=main.css.map */