html {
  height: 100%;
}

body {
  margin: 0; /* Remove default margin */
  font-family: Arial, Helvetica, sans-serif;
  background-color: #7DA2CC;
  background-image: url(images/background-adare-restaurant.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.container {
  max-width: 1024px;
  margin: 0 auto; /* Center the container */
}

header {
  height: 130px;
  text-align: center;
}

nav {
  background-color: rgba(99, 145, 247, 0.338);
  text-align: center;
  padding: 14px;
}

main {
  text-align: center;
  padding: 80px 240px; /* Simplified padding */
}

footer {
  background-color: rgba(1, 3, 44, 0.728);
  padding: 50px;
  text-align: center;
}

h1, h2 {
  font-size: 44px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

p {
  font-size: 18px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

li {
  font-size: 18px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}

a {
  color: white;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}

nav a {
  font-size: 12px;
  padding: 10px;
}

footer p {
  font-size: 12px;
  color: rgb(198, 198, 198);
}

.maps {
  padding-bottom: 100px;
}

.button {
  background-image: linear-gradient(to right, hsl(142, 92%, 66%) 0%, #60c3f5 51%, #45f385 100%);
  color: #fff;
  font-size: 20px;
  border: none;
  border-radius: 10px;
  padding: 15px;
  min-height: 50px;
  min-width: 520px;
}

H1 {
  font-size: 18px;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
}