.bg-primary {
  background-color: #2E5A8A !important;
}


html body {
  font-family: Arial, sans-serif;
  background-color: #f8f9fa;
  height: 100%;
  
  /* border: #007bff 3px solid; */
}
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100dvh;
  /* border: #DF0E0E 4px solid; */
}
img {
  max-width: 100%;
  max-height: 30vh;
  object-fit: contain;
  /* border: #007bff 1px solid; */
}

.imageLinkWrapper {
  /* display: flex; */
  /* flex: 1; */
  /* flex-grow: 1; */
  justify-content: center;
  /* border: #007bff 1px solid; */
}

.imageLink {
  /* width: 200%; */
  height: 10vh;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.55);
}

h1 {
  font-weight: bold;
}

p {
  margin: 0;
}
main {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 2vh;
  /* margin-top: 20px; */
  /* border: red 1px solid; */
}
main p {
  @media (min-width: 992px) {font-size: 200%};
  font-weight: bold;
  /* border: #007bff 1px solid; */
}


header {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.55);
  /* background-color: #007bff; */
}



footer {
  background-color: #343a40;
}