/* Tablets (portrait & small landscape) */
@media ( max-width : 768px) {
	:root {
		--fs-xl: 5rem;
		--fs-700: 2rem;
		--fs-600: 1.5rem;
		--fs-500: 1.25rem;
		--fs-400: 1rem;
		--fs-300: .75rem;
	}
	nav {
		padding: 20px 0px;
		gap: 0;
	}
	nav .logo img {
		height: unset;
		width: 80px;
	}
	nav .menu ul li, nav .actions  a {
		padding: 0 10px;
	}
	.hero .slogan {
		left: 60px;
	}
	.hero .search {
		width: 90%
	}
	.properties {
		padding: unset;
	}
	footer .services {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 41px;
	}
}