	@font-face {
		font-family: 'HelveticaThin';
		src: url('../font/HelveticaNeueThin.otf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'HelveticaLight';
		src: url('../font/HelveticaNeueLight.otf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	body {
		margin: 0;
		padding: 0;
		background: #000;
		color: #fff;
	}

	.container {
		padding: 40px;
		max-width: 1250px;
		margin: 100px auto;
	}

	.top-section {
		display: flex;
		gap: 40px;
		flex-wrap: wrap;
	}

	.machine-image {
		width: 600px;
		height: 500px;
	}

	.text-section {
		flex: 1;
	}

	.text-section h1 {
		font-family: 'HelveticaThin', sans-serif;
		letter-spacing:4px;
		font-size: 40px;
		font-weight: 600;
		margin: 0px;
	}

	.text-section p {
		font-family: 'HelveticaLight', sans-serif;
		font-size: 18px;
		margin-bottom: 15px;
		line-height: 1.6;
	}

	.bottom-section {
		display: flex;
		margin-top: 60px;
		gap: 40px;
		flex-wrap: wrap;
	}

	.bottom-section .left {
		flex: 1.5;
	}

	.bottom-section .right {
		flex: 1;
	}

	.bottom-section p {
		font-family: 'HelveticaLight', sans-serif;
		font-size: 18px;
		line-height: 1.6;
	}

	@media (max-width: 768px) {

		.container { 
			width:90%;
			padding:0;
			margin: 87px auto;
		}
		
		.top-section, .bottom-section {
			flex-direction: column;
		}

		.bottom-section p {
			text-align:center;
		}

		.text-section h1 {
			text-align:center;
		}

		.text-section p {
			line-height: 1.4;
			text-align: center;
		}

		.machine-image {
			width: 100%;
			height: auto;
		}

		.bottom-section .left,
		.bottom-section .right {
			order: initial;
		}

		.bottom-section .right {
			order: -1;
		}
	}