/* styles */

#top {
  scroll-behavior: smooth;
}

#header-container, #copyright {
  max-width: 1600px;
}

#footer {
  /* same height as header */
  height: 92px;
}

#welcome {
  background-image: url('img/welcomeImage.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 450px;
}

#welcome-container {
  width: 724px;
}

#services {
  scroll-behavior: smooth;
  scroll-margin-top: 80px;
  max-width: 1600px;
}

a:hover {
  color: #d3d4d5 !important;
}

li {
  font-weight: 600;
}

.bg-dark-blue {
  background-color: #1b1c33;
}

.overlay {
  border-top-left-radius: 0.375rem;
  border-top-right-radius: 0.375rem;
  opacity: 0.6;
}

.hover-remove-opacity:hover .overlay {
  opacity: 0;
}

.card {
  height: 100%;
}

.border-bottom-dark-red {
  border-bottom: 7px solid #6b0003;
}

.border-top-dark-red {
  border-top: 7px solid #6b0003;
}

.fs-20 {
  font-size: 20px;
}

.row {
  --bs-gutter-x: 3rem;
  --bs-gutter-y: 3rem;
}

/* media queries */

@media screen and (max-width: 700px) {
  #welcome-container {
    width: 100%;
  }
}

@media screen and (max-width: 575px) {
  #header {
    padding: 1rem !important;
  }
  #welcome {
    height: 550px;
  }
  #copyright {
    text-align: center;
  }
}

@media screen and (max-width: 648px) {
  #email {
    margin-bottom: 1rem;
  }
}