* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  height: auto;
  padding-top: 20px;
  padding-right: 100px;
  padding-left: 100px;
}

.logo {
  width: 87px;
}

.contenido {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.caixa-texto {
  width: 600px;
}

.caixa-texto h2 {
  color: #333;
  font-size: 60px;
  font-weight: bold;
}

.caixa-texto span {
  color: #017143;
}

.caixa-texto p {
  font-size: 16px;
}

.caixa-imagem {
  width: 600px;
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}

.copo {
  width: 340px;
}

.menu {
  display: flex;
  justify-content: center;
}

.menu img {
  width: 60px;
  cursor: pointer;
  margin: 10px;
  transition: 0.5s;
}

.menu img:hover {
  transform: translateY(-25px);
}

.circulo {
  width: 100%;
  height: calc(100vh - 220px);
  background-color: #017143;
  position: absolute;
  top: 0px;
  left: 0;
  clip-path: circle(600px at right 700px);
  z-index: -1;
}
@media (max-width: 800px) {
  body {
    height: auto;
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 60px;
  }
  .logo {
    width: 47px;
  }
  .circulo {
    height: calc(100vh - 520px);
    clip-path: circle(600px at right 700px);
    top: 250px;
  }
  .contenido {
    flex-direction: column;
  }
  .caixa-texto {
    width: 100vw;
  }
  .caixa-texto h2 {
    font-size: 30px;
  }

  .caixa-texto p {
    font-size: 16px;
    width: 80vw;
  }
  .caixa-imagem {
    width: 300px;
  }

  .copo {
    width: 190px;
    margin-bottom: 25px;
  }



}