/* Banner Section */
#contact-banner {
  background-image: url("../../images/uppsala.jpeg");
  background-color: white;
  background-size: cover;
  /* background-position: center -575px; */
  background-position: center;
  background-repeat: no-repeat;
  align-content: center ;
  width: 100%;
  height: 500px;
}

#contact-banner h1 {
  font-size: 90px;
  color: white;
  margin-left: 10%;
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); /* optional for readability */
}

@media (max-width: 768px) {
  #contact-banner {
    height: 200px; /* smaller height on mobile */
    background-position: center -90px; /* optional: adjust for image framing */
  }

  #contact-banner h1 {
    font-size: 48px; /* smaller font on mobile */
  }
  #contact h2 {
    font-size: 28px; /* smaller font on mobile */
  }
}

/* Contact Content Section */
#contact {
  background-color: white;
  padding: 60px 0;
}

.contact-wrapper {
  width: 80%;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  line-height: 1.6;
  color: black;
}

#contact h2 {
  font-size: 60px;
}

@media (max-width: 768px) {
  #contact h2 {
    font-size: 28px; /* smaller font on mobile */
  }
}

.contact-person {
  margin-bottom: 20px;
}

#contact a {
  color: #0a66c2;
  text-decoration: none;
}

#contact a:hover {
  text-decoration: underline;
}