@charset 'utf-8';

body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #e8eaecff;
}

.content-container {
	display: flex;   	
	flex-wrap: wrap;
	max-width: 1500px;
	margin-top: 40px;
	margin-left: 40px;
	gap: 60px;
}

.content-square {
	width: 700px;
	aspect-ratio: 1 / 1; 
	box-sizing: border-box; 
	overflow: none;
}

.header-menu {
	margin-top: 40px;
	margin-left: 40px;
	display: flex;   
	gap: 40px;
}

.menu-item {
	font-size: 32pt;
	font-weight: bold;
	margin: 0px;
	margin-top: 10px;
}

.container-logo-desktop {
	margin-right: 40px;
	margin-left: auto; 
}

.container-logo-mobile {
	display: none;
}

.content-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 20px;
}

.item-title {
	margin-top: 0px;
	font-weight: bold;
	font-size: 32pt;
}

.item-description {
	font-size: 24pt;
}

.item-disclaimer {
	font-size: 14pt;
}

.item-price {
	font-weight: bold;
	font-size: 32pt;	
	color:#b81414ff;
}

.logo-description {
	margin: 0px;
	font-size: 14pt;
	text-align: center;
}

.contacts-content {
	margin: 40px;
}

.contacts-item {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 24pt;
}

.contacts-description{
	margin-top: 60px;
	font-size: 14pt;
}

@media (max-width: 768px) {
	.container-logo-desktop {
		display: none; /* Hide on mobile */
	}

	.container-logo-mobile {

		align-items: center;
		display: flex;
		flex-direction: column; 
	}
	.logo-description{
		font-size: 10pt;
	}
	.logo-image-mobile{
		width: 50vw;
	}

	.menu-item {
		font-size: 20pt;
		margin-top: 0px;
	}
	.header-menu {
		margin-left: 16px;
		gap:16px;
		margin-top: 60px;
		justify-content:center;
	}
	.content-container {
		margin-top: 16px;
		margin-left: 16px;
		gap: 16px;
	}
	.item-title {
		font-size: 20pt;
	}
	.item-description {
		font-size: 16pt;
	}
	.item-disclaimer {
		font-size: 12pt;
	}
	.item-price {
		font-size: 20pt;
	}

	.contacts-item {
		font-size: 16pt;
	}

	.contacts-description{
		font-size: 10pt;
	}

}