* {
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
}
html {
  background: url('../images/OldTownCrossingBlur.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

a {
  text-decoration: none;
  color: #fff;
  font-weight: 100;
}
img {
  display: block;
  height: auto;
  margin: 0 auto;
}

h1, h2, h3 {
  font-family: 'HelveticaNeue-UltraLight', 'Helvetica Neue UltraLight';
  padding: 0;
  margin: 0;
  font-weight: 100;
  color: #fff;
}

#main {
  width: 300px;
  margin: 0 auto;
  text-align: center;
  padding-top: 8%;
}

#title {
  padding: 0 0 25px 0;
  border-bottom: 1px solid #fff;
  margin: 0 0 15px 0;
  opacity: 0.8;
  text-align: left;
  line-height: 70px;
}

#title h1 {
  font-size: 5em;
}

#sub-title {
  padding:  0 0 20px 0;
  border-bottom: 1px solid #fff;
  margin: 0 0 5px 0;
  opacity: 0.8;
  text-align: center;
  line-height: 20px;
}

#sub-title h2 {
  font-size: 2.3em;
}

#sub-title h3 {
  font-size: 1.8em;
  padding:  27px 0 0px 0;
}

#logo img {
  opacity: 0.7;
  padding: 40px 0;
}

#logo img:hover {
  opacity: 1.0;
}

#links {
  margin-top: 10px;
}

#links a {
  display: inline-block;
  padding: 20px;
  opacity: 0.4;
}

#links a:hover {
  opacity: 1.0;
}

#button-div a {
  padding:  20px,20px,20px,20px;
  margin: 5px,5px,5px,5px;
  text-align: center;
}

#center-button {
    padding: 15px 30px;
    font-size: 24px;
    color: #fff;
    background-color: #007bff; /* Bootstrap primary blue */
    border: none;
    border-radius: 5px;
    cursor: pointer;
    text-decoration: none;
}

#center-button:hover {
    background-color: #0056b3; /* Darker blue on hover */
}