body {
  width: 100%;
  margin: 0px;
}

header {
  width: 100%;
  height: 500px;
  background: #00cc00;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  font-size: 128px;
}

main {
  width: 100%;
  height: 2100px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section {
  width: 100%;
  height: 700px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

section:nth-child(2) {
  background: red;
  color: white;
}

h2 {
  font-size: 64px;
  width: 400px;
}
p {
  width: 400px;
}

footer {
  width: 100%;
  height: 500px;
  background: black;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 767px) {
h1 {
  font-size: 80px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

}