.contact-section {
  background-color: rgb(36, 30, 53);
  display: flex;
  flex-direction: column;
  padding: max(40px, 3.5%);
}

.contact-section-title {
  font-family: Zalando Sans Expanded, Arial;
  text-align: center;
  color: rgb(255, 255, 255);
  margin: 0px;
  margin-bottom: 15px;
  font-weight: 700;
  font-size: clamp(1.5rem, 2.5vw, 3rem);
}

.contact-title {
  color: white;
  font-size: clamp(1.1rem, 1.8vw, 2rem);
  font-weight: 650;
  margin-bottom: 1px;
  margin-top: max(0px, 5%);
}

.contact-info {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  justify-items: center;
  row-gap: 25px;
}

.manager-contact, .personal-contact {
  text-align: left;
  margin-left: 6vw;
  min-width: 200px;
}

.social-media-link {
  display: flex;
  align-items: center;
}

.contact-name {
  margin-top: 0px;
  margin-bottom: 20px;
  color: rgb(187, 170, 189);
  font-family: Open Sans, Arial;
  font-size: clamp(1rem, 1.2vw, 1.3rem);
}

.social-media-link {
  color: white;
  font-family: Open Sans, Arial;
  font-size: clamp(0.9rem, 1.2vw, 1.2rem);
  transition: color 0.15s, font-weight 0.15s;
}

.social-media-link:hover {
  color: rgb(187, 170, 189);
  font-weight: 700;
}

.social-media-link:active {
  color: white;
}

.social-media-icon {
  margin-right: 15px;
  height: 25px;
  width: 25px;
}