.header {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 10px solid black;
  font-family: monospace;
  background-image: url("/assets/img/man-min.jpeg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 16.5vw;
  font-size: 6vw;
}

.div1 {
  grid-area: 1 / 1 / 2 / 2;
  width: 40vw;
  text-align: right;
}
.div1::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.div3 {
  grid-area: 1 / 3 / 2 / 4;
  width: 40vw;
  text-align: left;
}
.div3::after {
  content: "";
  display: inline-block;
  width: 100%;
}

.card {
  margin: 10px auto;
  min-height: 10.8vw;
  max-height: 10.8vw;
  width: 66%;
  background-image: url("/assets/img/man-min.jpeg");
  background-repeat: no-repeat;
  background-position: top left;
  background-size: 10vw;
  border: 2px solid #000;
  padding: 0 10px;
}

.card p {
  margin-left: 9.8vw;
  text-align: justify;
  font-size: 17px;
  font-family: sans-serif;
}

.menu {
  height: 40px;
  text-align: center;
}