body {
  background-color: #658cc8;
}

#banner-image {
  height: auto;
  width: 100%;
  max-width: 780px; /* Set the maximum width of the banner */
}

.small-image {
  height: auto;
  width: 100%;
  max-width: 150px;
}

.big_image {
  height: 500px;
  width: auto;
}

p {
  margin: 0;
}

.banner-width {
  margin: 0 auto;
  max-width: 780px;
}

.modal-content {
  background-color: black;
}

p.modal-text:first-letter {
  color: yellow;
  font: 2rem French Script MT;
}

#strip-image {
  height: auto;
  width: 100%;
  max-width: 768px; /* Set the maximum width of the image */
}

#logo {
  height: 40px;
  width: auto;
}

#mobile-title-text {
  margin-left: 3.2rem;
  color: yellow;
  font-size: 2rem;
  font-family: "Dancing Script", cursive;
}

/* Media query for smaller screens (e.g., mobile devices) */
@media (max-width: 767px) {
  #banner-image, #strip_image {
    max-width: 100%; /* Set the maximum width to 100% for smaller screens */
  }
  .small-image, .big_image {
    max-width: 100%;
  }
}