/* MIXIN.SCSS */
/* MAIN - Block Contact */
.section-contact {
  background-color: #f5f5fa;
}

.contact-block {
  margin: 0 auto;
  width: 650px;
}
@media screen and (max-width: 768px) {
  .contact-block {
    width: 100%;
  }
}

.contact__text {
  display: flex;
}
@media screen and (max-width: 768px) {
  .contact__text {
    display: block;
    text-align: center;
  }
}
.contact__text img {
  padding: 10px;
  margin: 0 10px;
}
.contact__links ul {
  justify-content: center;
  display: flex;
}
@media screen and (max-width: 768px) {
  .contact__links ul {
    display: block;
  }
}
.contact__links ul li {
  margin: 20px;
}
@media screen and (max-width: 768px) {
  .contact__links ul li {
    width: 100%;
    text-align: center;
    margin: 20px 0;
  }
}
.contact__links ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #144390;
  font-size: 15px;
  font-family: "AmpleSoftPro-Medium";
}
.contact__links ul li a:hover {
  text-decoration: underline;
  color: #38b6ab;
}

/*# sourceMappingURL=block_08.css.map */
