/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[4]!./assets/css/pages/contact.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************/
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
/**
 * Colors
 *
 * Colors:
 * white: #fff
 * black: #111
 * pink: #f5eded
 * grey: #6d6d6d
 * grey-2: #f2f2f2
 * grey-3: #d9d9d9
 *
 * Style guide: colors
 */
/**
 * Typography
 *
 * Markup: <div class="{{modifier_class}}">Hello world</div>
 *
 * .type--h1 - Heading 1
 * .type--h1-bold - Heading 1 Bold
 * .type--h2 - Heading 2
 * .type--h3 - Heading 3
 * .type--h4 - Heading 4
 * .type--h5 - Heading 5
 * .type--paragraph-big - Paragraph big
 * .type--paragraph-big-bold - Paragraph  big bold
 * .type--paragraph-normal - Paragraph normal
 * .type--paragraph-normal-bold - Paragraph normal bold
 *
 * Style guide: typography
 */
.contact {
  padding-block: max(20px, 3.125vw) max(64px, 6.25vw);
}
.contact__title {
  margin-bottom: max(30px, 3.6458333333vw);
}
.contact__title--bold {
  font-weight: 600;
  font-style: italic;
}
.contact__image {
  margin-bottom: max(20px, 1.0416666667vw);
}
.contact__image img {
  width: 100%;
}
.contact__details {
  padding-right: 4.6875vw;
}
.contact__text {
  line-height: 1.7;
  margin-bottom: max(40px, 2.0833333333vw);
}
.contact__text p {
  margin-bottom: 0;
}
.contact__telephone {
  margin-bottom: max(5px, 0.2604166667vw);
}
.contact__separator {
  width: 100%;
  height: max(1px, 0.0520833333vw);
  margin-block: max(20px, 1.0416666667vw);
}
.contact__socials-text {
  line-height: 1.7;
  margin-bottom: max(10px, 0.5208333333vw);
}
.contact__socials-text p {
  margin-bottom: 0;
}
.contact__socials-icons {
  gap: max(20px, 1.0416666667vw);
}
.contact__socials-icon {
  width: max(20px, 1.0416666667vw);
  height: max(20px, 1.0416666667vw);
}
@media (min-width: 768px) {
  .contact__image {
    margin-bottom: unset;
  }
  .contact__text {
    margin-bottom: max(20px, 1.0416666667vw);
  }
  .contact__socials-text {
    padding-right: 3.90625vw;
  }
}

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