body
{
	box-sizing: border-box;
	font-size: 17px;
}

.hero-bg
{
	background-image: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('/assets/us_hero.PNG');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

.logo-3d
{
	background: linear-gradient(45deg, #3b82f6, #1d4ed8, #1e40af);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
	transform: perspective(500px) rotateX(15deg);
}

.service-card
{
	transition: all 0.3s ease;
}

.service-card:hover
{
	transform: translateY(-5px);
	box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
}

.page
{
	display: block;
}

.mobile-menu
{
	transform: translateX(-100%);
	transition: transform 0.3s ease;
}

.mobile-menu.open
{
	transform: translateX(0);
}

@media (max-width: 768px)
{
	.hero-bg
	{
		background-attachment: scroll;
	}

	body
	{
		font-size: 16px;
	}
}