main {
  height: 100vh;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0 50px;
  gap: 30px;
}
main div {
  width: 50%;
}
main div:first-of-type {
  display: flex;
  justify-content: right;
}
main div:first-of-type img {
  max-width: 460px;
}
main div:nth-of-type(2) p:first-of-type {
  text-transform: uppercase;
}
main div:nth-of-type(2) p:nth-of-type(2) {
  padding: 10px 0 20px;
}
main div:nth-of-type(2) button {
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  main {
    flex-direction: column;
    justify-content: center;
    padding: 0 30px 0;
    gap: 0;
  }
  main div {
    width: 100%;
    height: 50%;
  }
  main div:first-of-type {
    justify-content: center;
    align-items: end;
    min-width: auto;
  }
  main div:nth-of-type(2) {
    text-align: center;
  }
  main div:nth-of-type(2) p:last-child {
    padding: 6px 0 14px;
  }
  main div:nth-of-type(2) button {
    margin: auto;
  }
}