/* The navigation bar */
.navbar {
	overflow: hidden;
	background-color: #333;
	position: fixed; /* Set the navbar to fixed position */
	left: 0px;
	top: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
}

/* Links inside the navbar */
.navbarLeft {
	float: left;
	font-size: 28px;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 4px 20px;
	text-decoration: none;
	vertical-align: middle;
}

/* Links inside the navbar */
.navbarRight {
	float: right;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	vertical-align: middle;
}

/* Change background on mouse-over */
.navbar a:hover {
	background: #ddd;
	color: black;
}

/* Main content */
.center {
	margin-top: 46px; /* Add a top margin to avoid content overlay */
	text-align: center;
}

.fullWidth {
	/* background-image: url("/Restaurant.jpg");  */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	max-width: 100%;
	height: 550px;
	background-position: center;
	left: 0px;
}

.Montserrat {
	font-family: 'Montserrat', sans-serif;
	text-decoration: none;
}

.Abril-Fatface {
	font-family: 'Abril Fatface', cursive;
	text-decoration: none;
}

.borderline {
	border: 1px solid;
	margin-top: 20px
}

.center {
	margin: 0 auto;
	width: 602px; 
}

.fit-picture {
	object-fit:contain;
	max-width:100%;
	height:auto;
}
.img {
  height: 25px;
  max-width: 100%;
}

footer {
	text-align: center;
	background-color: #333;
	color: #f2f2f2;
	position: fixed;
	bottom: 0;
	overflow: hidden;
	left: 0;
	bottom: 0; /* Position the navbar at the top of the page */
	width: 100%; /* Full width */
}
footer a {
	color: #f2f2f2;
	text-decoration: none;
}

input[type="number"] {
  width: 50px;
}
