* {
  box-sizing: border-box;
}

body {
  font-family: 'Lato', sans-serif;
  margin: 0;
}

.navigation {
  background-image: url("background.jpg");
  background-repeat: no-repeat;
  background-position: top 100%;
  width: 100%;
  color: white;
  margin: 0;
}

.navigation ul {
  margin: 0;
}

.navigation li {
  display: inline;
  font-size: 30px;
  margin: 10px 50px;
  opacity: 0.75;
}

.navigation a {
  color: white;
}

.header-background {
  background-image: url("background.jpg");
  background-repoeat: no-repeat;
  background-position: top 100%;
  padding: 30px;
}

.band-name {
  color:    #9c640c;
  font-size: 50px;
  margin-left: 50px;
  display: inline
}

.header-text {
  color: white;
  font-size: 50px;
  margin-left: 50px;
  display: inline
}

.band-image {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 75%;
}

.gallery {
  background-image: url("handwritten-music.jpeg");
  background-size: cover;
  background-position: bottom center;
  height: 100%;
  width: 100%;
  padding: 50px;
}

.gallery-image-container {
  text-align: center;
}

.gallery-image {
  width: 45%;
  padding: 30px;
}

header {
  background: linear-gradient(90deg, Aquamarine, SkyBlue);
  width: 100%;
  text-align: center;
}

header a {
  color: black;
  font-size: 30px;
}

.demo {
  background-image: url("handwritten-music.jpeg");
  background-size: cover;
  background-position: bottom center;
  height: 100%;
  width: 100%;
  padding: 50px;
}

main h1 {
  margin: 0;
}

.demo-video-container {
  text-align: center;
}

.demo-video {
  width: 640px;
  height: 480px;
  margin: auto auto;
}

.band-summary {
  font-size: 40px;
  text-align: center;
  max-width: 900px;
  margin: 0 auto;
}

.roles {
  font-size: 20px;
}

.contact-form {
  margin-left: 50px;
  margin-right: 50px;
}

.song-table {
  border: none;
  font-size: 20px;
  text-align: left;
  max-width: 900px;
  margin: 0 auto;
  padding: 20px;
}

.song-table-even {
  background-color: lightgray;
}

.event-table-container h1 {
  text-align: center;
}

.event-table {
  border: none;
  font-size: 20px;
  text-align: center;
  width: 900px;
  margin: 0 auto;
  padding: 20px;
}

.event-table tr {
  vertical-align: top;
}

.event-table p {
  vertical-align: top;
  margin: 0;
  padding: 0;
}

.event-table-even {
  background-color: lightgray;
}

.event-date {
  font-weight: bold;
}

.venue-name {
  font-weight: bold;
}

.venue-address {
  font-size: 15px;
}

.event-cost {
  font-weight: bold;
}