.contact .container > .title {
  color: var(--color);
  font-size: var(--h1);
  margin: 5% 0;
}
.contact .container .media-container .media-item {
  margin-top: 7.5%;
}
.contact .container .media-container .media-item:nth-child(1) {
  margin-top: 13.8%;
}
.contact .container .media-container .media-item .title {
  color: var(--color);
  font-size: 2.6rem;
}
.contact .container .media-container .media-item .media-content {
  list-style: none;
  padding-left: 0;
  margin: 0 0 0 0;
}
.contact .container .media-container .media-item .media-content > li {
  list-style: none;
  margin-bottom: 10px;
}
.contact .container .media-container .media-item .media-content > li .media-content-item {
  list-style: none;
  display: block;
  color: var(--color);
  width: fit-content;
  text-decoration: underline;
}
@media all and (max-width: 768px) {
  .contact .container .head-title {
    margin-top: 15vw;
    margin-bottom: 7vw;
    font-size: 3rem;
  }
  .contact .container .media-container {
    margin-top: 21.6%;
  }
  .contact .container .media-container .media-item {
    margin-top: 13.5%;
  }
  .contact .container .media-container .media-item .title {
    font-size: 2.4rem;
  }
  .contact .container .media-container .media-item .media-content > li .media-content-item {
    font-size: 1.6rem;
  }
}