@media (max-width: 768px) {
	section {
		.content {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-left: 0;

			h1 {
				max-width: calc(100vw - 32px);

				.buttons {
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					gap: 10px;
				}
			}
		}

		.right {
			text-align: center !important;
		}

		.aside {
			width: 200px;
			height: 200px;
            display: none;

			.outside {
				top: 50%;
				left: 32px;
				transform: translateY(-50%);
				flex-direction: column;
				align-items: start;

				span {
					text-align: left;
				}
			}
		}

	}

	#hero .hero-rectangle {
		position: absolute;
		top: 24px;
		left: 50%;
		width: min(260px, 66vw);
		transform: translateX(-50%);
	}

	#hero .bg-words {
		left: -8px;
		bottom: 8px;
		font-size: clamp(72px, 22vw, 100px);

		.bg-line + .bg-line {
			margin-left: 0;
		}
	}

	#hero .content {
		inset: 0;
		display: block;
		width: auto;
		padding: 0;
		transform: none;
	}

	#hero .buttons {
		position: absolute;
		left: 24px;
		bottom: 24px;
	}

	#work .bg-words {
		top: 8px;
		left: 64px;
		transform: none;
		font-size: clamp(92px, 30vw, 148px);
		line-height: 0.78;
	}

	#work .bg-words .bg-line {
		white-space: normal;
	}

	#work .bg-words .bg-line span {
		display: block;
	}

	#work .gallery .item:nth-child(1) {
		left: 51vw;
		top: 52vh;
		width: 52vw;
		height: 31vh;
	}

	#work .gallery .item:nth-child(2) {
		left: 13vw;
		top: 43vh;
		width: 43vw;
		height: 29vh;
	}

	#work .gallery .item:nth-child(3) {
		left: 29vw;
		top: 70vh;
		width: 35vw;
		height: 26vh;
	}

	#work .gallery .item:nth-child(4) {
		left: 4vw;
		top: 21vh;
		width: 43vw;
		height: 24vh;
	}

	#work .gallery .item:nth-child(5) {
		left: -7vw;
		top: 78vh;
		width: 40vw;
		height: 25vh;
	}

	#work .gallery .item:nth-child(6) {
		left: 55vw;
		top: 88vh;
		width: 43vw;
		height: 28vh;
	}

	#work .gallery .item:nth-child(7) {
		display: none;
	}

	#work .gallery .item:nth-child(8) {
		left: 49vw;
		top: 24vh;
		width: 52vw;
		height: 28vh;
	}

	#prices .prices-image {
		width: 100%;
		opacity: 0.35;
	}

	#prices .prices-image img {
		object-position: center;
	}

	#prices .content {
		align-items: flex-start;
		width: 100%;
		margin-right: 0;
		padding: 0 24px;
	}

	#contact .content {
		align-items: flex-start;
		width: 100%;
		padding: 0 24px;

		.contact-grid a {
			overflow-wrap: anywhere;
		}
	}

	#contact .aside {
		display: block;
		right: 24px;
		bottom: 24px;
		width: auto;
		height: auto;
		background: none;

		.inside,
		.outside span {
			display: none;
		}

		.outside {
			position: static;
			transform: none;
			display: block;

			.btn {
				display: inline-flex;
				padding: 14px 36px;
			}
		}
	}
}

@media (max-width: 1020px) {
    .header {
        .logo {
            width: 48px;
            left: initial;
            right: 0;
        }
    }

}