html {
  background-image: url(img/crisscross_bg_paleyellow.jpg);
  background-position: center center;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Coustard", serif;
  font-weight: normal;
}

.footer {
  background-image: url(img/crisscross_bg_darkblue.jpg);
  background-position: center center;
}

.fullwidth-bgimg {
    background-size: cover;
    background-position: center;
    width: 100%;
}

.bgimg-guitarmic { background-image: url('img/bg_guitarmic.jpg'); }
.bgimg-boxofficelights { background-image: url('img/bg_boxofficelights.jpg'); }
.bgimg-fireworks { background-image: url('img/bg_fireworks.jpg'); }
.bgimg-backstagepass { background-image: url('img/bg_backstagepass.jpg'); }
.bgimg-stagelights { background-image: url('img/bg_stagelights.jpg'); }
.bgimg-getinvolved { background-image: url('img/bg_getinvolved.jpg'); }
.bgimg-festivalanthem { background-image: url('img/bg_festivalanthem.jpg'); }
.bgimg-microphone { background-image: url('img/bg_microphone.jpg'); }
.bgimg-extraordinarystory { background-image: url('img/bg_extraordinarystory.jpg'); }
.bgimg-fooddrink { background-image: url('img/bg_fooddrink.jpg'); }



/* Style for left and right buttons */
.modal-nav button {
    width: 60px; /* Adjust button width as needed */
    height: 60px; /* Adjust button height as needed */
    font-size: 1.5rem; /* Adjust font size as needed */
    border-radius: 50%; /* Make the buttons circular */
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}

/* Positioning for left button */
.is-left {
    left: 10px; /* Adjust left position as needed */
}

/* Positioning for right button */
.is-right {
    right: 10px; /* Adjust right position as needed */
}