.headerimage {
  min-height: 400px;
  max-height: 400px;
  overflow: hidden;
}
@media (min-width: 576px) {
  .headerimage {
    min-height: 550px;
    max-height: 550px;
    overflow: hidden;
  }
}
/* .overlay-primary {
  box-shadow: inset 0 0 0 1000px rgba(4, 55, 117, 0.52);
} */

.bg-body-tertiary h1,
.bg-body-tertiary p {
  color: var(--white);
}

.bg-body-tertiary p {
  margin: 0 auto 24px auto;
  color: var(--white);

}

.bg-body-tertiary h1 span {
  font-weight: 600;
  display: block;
}

.bg-body-tertiary {
  min-height: 370px;
  background-size: cover !important;
  background: var(--background-image-small);
  background-position: center center!important;
  background-repeat: no-repeat!important;
  text-align: center;
  margin-bottom: 0;
  overflow: hidden;
  animation: zoom-out 6s ease-in 0s 1 normal forwards;
}
@media (min-width: 768px) {
  .bg-body-tertiary {
      background: var(--background-image-large);  
      min-height: 550px;    
  }
}
@media (min-width: 1024px) {
  .headerimage {
    min-height: 600px;
    max-height: 600px;
  }
  .bg-body-tertiary {
      background: var(--background-image-xlarge);
      min-height: 600px;
  }
}
@media (min-width: 1200px) {
  .headerimage {
    min-height: 650px;
    max-height: 650px;
  }
  .bg-body-tertiary {
    min-height: 650px;
  }
}
@media (min-width: 1400px) {
  .headerimage {
    min-height: 700px;
    max-height: 700px;
  }
  .bg-body-tertiary {
    background: var(--background-image-xxlarge);
    min-height: 700px;
  }
}

@keyframes zoom-out {
	0% {
		transform: scale(1.1, 1.1);
	}
	100% {
		transform: scale(1, 1);
	}
}