:root {
	--white: white;
	--primary-color: #00416b;
	--secondary-color: #19d3c5;
	--light-color: #ddeeed;
}

@media (max-width: 1200px) {
	.principal-title {
		margin-top: 50px;
	}

	.logo-footer-container {
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 20px;
	}
}

@media (max-width: 991px) {
	/*Navbar*/
	.navbar {
		min-height: 80px;
		height: auto;
		padding: 1rem;
		background-color: var(--primary-color);
	}

	.navbar .logo {
		width: 200px;
		height: auto;
	}

	.nav-item.dropdown > .nav-link::after {
		display: inline-block !important;
		content: " ▼";
		font-size: 0.8rem;
		margin-left: 5px;
		color: var(--secondary-color);
	}

	.mobile{
		display: block;
	}

	.no-mobile{
		display: none;
	}

	.address-info p {
		text-align: center;
	}

	.address-info {
		top: 108px;
	}

	/*Hero Section*/

	.hero-content {
		margin-top: 20px;
	}

	.icons-container {
		flex-direction: row;
		gap: 20px;
	}

	.contact-info {
		text-align: center;
	}

	/*services*/
	.service-card {
		height: 200px;
	}

	.services-section h1 {
		font-size: 2rem;
	}

	.services-section p.description {
		font-size: 1rem;
	}
}