header {
  background-image: url(kepek/kep1.jpg);
  aspect-ratio: 1200/675;
}

section {
  display: grid;
  grid-template-columns: 3fr 7fr;
  gap: 20px;
}

h1 {
  margin-bottom: 20px;
}

div {
  padding: 20px;
}
article img {
  width: 100%;
  border-radius: 20px;
}

article {
  font-family: "Outfit", sans-serif;
  font-style: normal;
}

@media screen and (max-width: 600px) {
  .elso {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tobbiResz {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
.vege {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}

@media screen and (max-width: 655px) {
  .elso {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .tobbiResz {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }

.vege {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
  }
}