:root {
	--primary-color: #e40407;
}

.globalHeader {
	padding: 15px 0;
}

.globalHeader__logo {
	width: 100%;
	max-width: 400px;
	height: auto;
}

.globalHeader__row {
	gap: 15px;
}

.globalFooter {
	padding: 50px 0;
}

@media (min-width: 768px) {
	.globalHeader__row {
		gap: 0;
	}
}

.hero {
/*	background: url('/img/hero.jpg') center center no-repeat;
	background-size: cover;*/
	display: flex;
	flex-direction: column;
	background-image: url('/img/hero.jpg');
	
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media  (min-width:768px) {
	.hero {
		background-attachment: fixed;
	}
}
.hero__blur {
	display: flex;
	flex-direction: column;
	backdrop-filter: blur(7px); 
}

.hero__textHolder {
	background: rgba(0,0,0, 0.7);
	border-radius: 10px;
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	margin-bottom: 50px;
	max-width: 400px;
}

.hero__textHolder--description {
	background: rgba(255,255,255, 0.85);
	margin-top: 50px;
	color: #000;
}

.hero__hours {
	display: flex;
	justify-content: space-between;
}

.hero__hours h3 {
	display: inline-block;
}

@media (min-width: 768px) {
	.hero__textHolder--description {
		max-width: 745px;
	}
}

.socialLink {
	text-decoration: none;
	color: #;
}

.icon-instagram {
	display: inline-block;
	width: 24px;
	height: 24px;
	fill: #6ea8fe;
}

.carousel__item {
	cursor: pointer;
}

.carousel__title {
	padding: 10px;
	font-size: 24px;
	text-align: center;
}

.carousel__desc {
	display: none;
}

.menuModal__image {
	max-width: 100%;
}

.secondary-bg {
	background: #fff;
	color: #000;
}

.history {
	text-align: center;
	font-weight: 700;
	padding-top: 30px;
	padding-bottom: 30px;
	background: #fff;
/*	background: #76674e;*/
}

@media (min-width: 768px) {
	.history {
		padding-top: 50px;
		padding-bottom: 50px;
	}
}

.history h1 {
	font-weight: 700;
	color: black;
}

.history h3 {
	max-width: 600px;
	margin: 0 auto;
	color: black;
}

.highlight {
	color: var(--primary-color);
}

.history .highlight {
	color: var(--primary-color);
}

.menu {
	text-align: center;
	width: 80%;
	max-width: 1200px;
	margin: 0 auto 30px auto;
}

.menu__image {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}

.btn-order {
	border-radius: 50px;
}

.stickyFooter {
	border-top: 1px solid #ccc;
	position: sticky;
    bottom: 0;
    width: 100%;
    background-color: var(--primary-color);
    padding-top: 10px;
    z-index: 100;
}


.catering__image {
	width: 100%;
	border-radius: 10px;
	height: auto;
}

.catering__text {
	font-size: 18px;
	text-align: left;
}


