/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  margin-bottom: 60px; /* Margin bottom by footer height */
}

/* .catalog-wrap { max-width: 1140px; margin: 0 auto; } /* keep page tidy */
/* .section-title { font-size: 1.75rem; margin: 2rem 0 1rem; } */
/* .card.h-100 { display: flex; flex-direction: column; } */
/* .card-img-top.fixed-h { height: 180px; object-fit: cover; } */ 

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px; /* Set the fixed height of the footer here */
  line-height: 60px; /* Vertically center the text there */
  background-color: #f5f5f5;
}


:root {
  --jumbotron-padding-y: 3rem;
}

.jumbotron {
  padding-top: calc(var(--jumbotron-padding-y) * 0.5);
  padding-bottom: calc(var(--jumbotron-padding-y) *  0.5);
  margin-bottom: 0;
  margin-top: 50px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .jumbotron {
    padding-top: calc(var(--jumbotron-padding-y) *  0.5);
    padding-bottom: calc(var(--jumbotron-padding-y) *  0.5);
  }
}

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

.container {
  width: auto;
  /* max-width: 680px; */
  padding: 0 15px;
}


.album .container-fluid {
  max-width: 1200px;
  display: flex;
  justify-content: center; /* Centers horizontally */
  width: 100%;
}

.album {
  display: flex;
  justify-content: center; /* Centers horizontally */
}
.fixed-width-col {
  width: 300px; /* Set your desired fixed width */
  margin-bottom: 10px; /* Optional: Add some space between rows */
}

.centered-text {
  text-align: center;
}


.card:hover {
  border: 3px solid #007bff; /* Blue frame, change color as needed */
}