.button-more {
  margin-left: auto;
  margin-right: auto;
  display: block;
  padding: 1rem 6rem;
}

.products-preview-wrapper {
	margin-left: auto;
	margin-right: auto;
  padding: 2rem 0;

	.posts-preview-container {
		justify-content: space-around;
	}

	h2 {
		text-align: center;
	}

	a {
		margin-left: auto;
		margin-right: auto;
	}
}

.hero-wrapper {
	margin-top: .4rem;
	height: 35rem;
	position: relative;
	video {
		width: 100%;
		height: 35rem;
		object-fit: cover;
	}
}

.hero-video-shadow {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	span {
		color: rgba(255, 255, 255, 0.65);
		letter-spacing: .5rem;
		text-transform: uppercase;
		padding: 2rem;
		font-size: 2rem;
		text-align: center;
	}

	button {
		padding: 1rem 4rem;
		opacity: 0.85;
    transition: 0.2s;

    &:hover {
      opacity: 1;
    }

	}

	a {
		text-decoration: none;
    color: black;
	}
}

.contact-form-wrapper {
  max-width: 50%;
  padding: 2rem;
  margin-left: auto;
  margin-right: auto;

  .contact-form-submit-result, #contact-form-submit-btn, h2 {
    align-self: center;
    text-align: center;
    width: 100%;
  }
}

.hero-mobile {
  display: none;
  padding: 2rem;
  background: white;

  img {
    max-width: 18rem;
  }
}

@media screen and (max-width: 37.5em) {
  .contact-form-wrapper {
    max-width: 100%;
    padding: 2rem;
  }

  .hero-wrapper {
    display: none;
  }

  .hero-mobile {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}