.contact-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(var(--vh) * 100 - 160px);
  text-align: center;
}

@media (max-width: 768px) {
  .contact-wrapper {
    height: calc(var(--vh) * 100 - 200px);
    padding: 0px 25px;
  }
}

@media (max-width: 550px) {
  .contact-wrapper {
    height: calc(var(--vh) * 100 - 192px);
  }
}