@import "navbar.css";
@import "footer.css";
@import "forms.css";
@import "about.css";
@import "products.css";
@import "blog.css";
@import "reviews.css";
/* Import all of the stylesheets for the main pages of the site */

/* Set the generic layout for the body across the site */
body {
  background-color: #f7dcf9;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}


/* Ensure that the logo will be responsive on different platforms */
.logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  min-width: 25vw;
}

.logo img {
  width: 100%;
  height: auto;
  display: block;
}

.testdb {
  text-align: center;
}


/* CSS for the carousel ensuring that is the correct size and adjusts to a responsive website */
#myCarousel {
  max-width: 600px;
  margin: 0 auto;
}
#myCarousel .carousel-item img {
  height: auto;
  max-height: 400px;
  object-fit: cover;
  }