@media only screen and (max-width: 43rem) {
	.home-content {
		left: 50vw;
		transform: translate(-50%, -50%);
		max-width: initial;
	}

	.home-name {
		font-size: 4rem;
	}

	.home-profession {
		font-size: 4rem;
	}

	.title-image-left:hover, .title-image-right:hover {
		transform: translate(-50%, -50%) scale(1.02);
	}

	.title-image-left {
		height: calc(100vw - 4rem);
		aspect-ratio: 1;
		top: 25vh;
		left: 50vw;
		transform: translate(-50%, -50%);
	}

	.title-image-right {
		height: calc(100vw - 4rem);
		aspect-ratio: 1;
		top: 17.5vh;
		left: 50vw;
		transform: translate(-50%, -50%);
		float: left;
	}

	.description-left {
		width: 100vw;
		height: calc((80vh - var(--navbar-height)) / 2 + 4rem);
		top: calc(25vh + 2rem);
		left: 50vw;
		transform: translate(-50%, -50%);
		float: left;
	}

	.description-right {
		width: 100vw;
		height: calc((90vh - var(--navbar-height)) / 2 + 4rem);
		top: calc(25vh + 2rem);
		left: 50vw;
		transform: translate(-50%, -50%);
		float: left;
	}

	.services-container.description-left {
		width: 100vw;
		height: calc((90vh - var(--navbar-height)) / 2 + 4rem);
		top: 25vh;
		left: 50vw;
		transform: translate(-50%, -50%);
	}

	.services-container.description-right {
		top: 20vh;
	}

	section.section-contact {
		height: 100vh;
	}

	#contact-image {
		top: 20vh;
	}

	#contact-form > *:focus {
		border: none;
	}
}

@media only screen and (max-height: 43rem) {
	.page-content > section {
		height: 150vh;
		margin: 5rem 0;
	}

	.section-contact > .description-left {
		top: initial;
	}
}