:root {
		--primary-color: #F1EBE7;
		--secondary-color: #6F3111;
		--text-color: #8B0000;
		--shadow-color: #999;
	}

	@font-face {
		font-family: 'Hobo BT';
		font-style: normal;
		font-weight: 400;
		src: local('Hobo BT'), url('https://fonts.cdnfonts.com/s/56210/Hobo BT.woff') format('woff');
	}
/* linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.8)),  */
	html {
		font-size: 14px;
		background: url("https://lapergola92.com/assets/resto_exterieur_2022.jpg") no-repeat center fixed;
		background-size: cover;
	}

	body {
		font-family: Times, "Times New Roman", Georgia, serif;
		color: var(--text-color);
	}

	.lelogo {
		background-color: var(--primary-color) !important;
	}

	.text-muted {
		font-family: 'Hobo BT', sans-serif;
		color: var(--secondary-color) !important;
	}

	/* Navbar styles */
	.navbar, .footer, .dropdown-menu {
		background-color: var(--primary-color) !important;
	}
	
	.dropdown-toggle::after { content: none; }

	.navbar, .dropdown-menu {
		text-transform: uppercase;
	}

	.navbar {
		box-shadow: 0 8px 6px -6px var(--shadow-color);
		font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
	}

	.nav-link {
		color: rgba(33, 30, 30, .9) !important;
	}

	.nav-link:focus, .dropdown-item:focus,
	.nav-link:hover, .dropdown-item:hover {
		background-color: var(--secondary-color) !important;
		color: #fff !important;
	}

	.nav-pills .nav-link.active, .nav-pills .show>.nav-link,
	.dropdown-item.active, .dropdown-item:active {
		color: #fff !important;
		background-color: var(--secondary-color) !important;
	}

	.footer {
		box-shadow: 0px 1px 11px 0px var(--shadow-color);
	}

	.hr1 {
		height: .2rem;
		border-top: .1px double #000;
		border-bottom: .1px double #000;
	}

	/* Carousel styles */
	.carousel-item {
		height: 100vh;
		min-height: 350px;
		background: no-repeat center center scroll;
		background-size: cover;
	}

	.grid-item {
		width: 100%;
		margin: 5px;
		box-sizing: border-box;
	}

	@media (min-width: 576px) {
		.grid-item { width: calc(50% - 20px); }
	}

	@media (min-width: 992px) {
		.grid-item { width: calc(33.33% - 20px); }
	}

	@media (min-width: 1200px) {
		.grid-item { width: calc(25% - 20px); }
	}

	h1 {
		font-family: Times, "Times New Roman", Georgia, serif;
		color: var(--text-color);
	}

	/* Responsive adjustments */
	@media (max-width: 992px) {
		.navbar-brand img {
			height: 50px;
			margin: -.2rem 0 -.6rem 4rem !important;
		}
		.navbar-nav, .btn-outline-success {
			margin-left: 4rem !important;
		}
		.navbar-toggler {
			margin-right: 4rem !important;
		}
		#section1, section {
			padding-top: 6rem !important;
		}
	}

	@media only screen and (min-width: 992px) {
		.navbar {
			flex-direction: column;
		}
	}

	@keyframes fadeInLeft {
		from {
			opacity: 0;
			transform: translateX(-30px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}

	@keyframes fadeInRight {
		from {
			opacity: 0;
			transform: translateX(30px);
		}
		to {
			opacity: 1;
			transform: translateX(0);
		}
	}