body {
  background-color: #f8f9fa;
}

a {
  text-decoration: none;
  color: grey;
}

a:hover {
  text-decoration: none;
  color: rgb(0, 128, 90);
}

header,
footer {
  width: 100%;
}

main {
  max-width: 800px;
  margin: 0 auto;
}

.form-control: .d-flex {
  display: flex;
  align-items: center;
}

img {
  width: 150px;
  height: auto;
  margin-right: 20px;
}

aside {
  max-width: 250px;
}

#searchHistory {
  margin-top: 20px;
}

.custom1 {
  background-image: url("https://images.unsplash.com/photo-1543352634-99a5d50ae78e?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-position: bottom center;
}

.custom2 {
  background-image: url("https://images.unsplash.com/photo-1543352634-99a5d50ae78e?q=80&w=2071&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D");
  background-position: right center;
}

.logo {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  height: 800px;
  width: 800px;
}

.back-button {
  left: 12px;
}

.btn-outline-success {
  color: white !important;
  border: grey !important;
}

@media only screen and (max-width: 768px) {
  /* Styles for screens smaller than 768px (phones) */
  .mainLogo {
    display: none; /* Hide logo on mobile */
  }
  #searchForm {
    width: 100%; /* Make search form full width on mobile */
  }
}