/* Mixin to create a triangle element
 * @param $direction: The direction of the arrow.
 * @param $color: The color of the arrow @default #000000.
 * @param $size: The size of the arrow @default 1em. */
/* Mixin for setting both width and height of an element
 * @param $width: The width size.
 * @param $height: The height size @default same of $width. */
/* Mixin for setting both max-width and max-height of an element
 * @param $width: The max-width size.
 * @param $height: The max-height size @default same of $width. */
/* Mixin for setting both min-width and hmin-eight of an element
 * @param $width: The min-width size.
 * @param $height: The min-height size @default same of $width. */
/* Mixin to draw an SVG arrow
 * @param $rotation: Value in degrees, 0 means arrow pointing to right.
 * @param $color: Fill color of the figure. */
/* Replace all occurrences of the search string with the replacement string
 * @param $search: The value being searched for, otherwise known as the needle.
 * @param $replace: The replacement value that replaces found search values.
 * @param $subject: The string being searched and replaced on, otherwise known as the haystack. */
/* Mixin to make squared an HTML element
 * @param $percentage: Value in percentage, gives the ratio between width and height */
/* Mixin to make center things with position and transform properties
 * @param $reset: Get the initial behaviour */
/* Mixin to make center things with position and transform properties
 * @param $reset: Get the initial behaviour */
/* Mixin to center things with position and transform properties
 * @param $reset: Get the initial behaviour */
/* line 106, ../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */
html {
  font-size: 81.25%;
  line-height: 1;
}

/* line 4, ../src/sass/contatti.sass */
.blocco_promo {
  width: 100%;
  overflow: hidden;
  position: relative;
  padding: 0 0 60px;
}
@media (min-width: 320px) and (max-width: 767px) {
  /* line 4, ../src/sass/contatti.sass */
  .blocco_promo {
    padding: 0;
  }
}
/* line 12, ../src/sass/contatti.sass */
.blocco_promo:after {
  content: "";
  position: absolute;
  left: 33.33333%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
@media (min-width: 320px) and (max-width: 767px) {
  /* line 12, ../src/sass/contatti.sass */
  .blocco_promo:after {
    display: none;
  }
}
/* line 23, ../src/sass/contatti.sass */
.blocco_promo:before {
  content: "";
  position: absolute;
  left: 66.66667%;
  top: 0;
  width: 1px;
  height: 100%;
  background: #e5e5e5;
}
@media (min-width: 320px) and (max-width: 767px) {
  /* line 23, ../src/sass/contatti.sass */
  .blocco_promo:before {
    display: none;
  }
}
/* line 34, ../src/sass/contatti.sass */
.blocco_promo .inner {
  width: 33.33333%;
  float: left;
  box-sizing: border-box;
  padding: 0 10px;
  overflow: hidden;
}
@media (min-width: 320px) and (max-width: 767px) {
  /* line 34, ../src/sass/contatti.sass */
  .blocco_promo .inner {
    width: 100%;
    padding: 0 0 30px;
  }
}
/* line 45, ../src/sass/contatti.sass */
.blocco_promo .inner h2 {
  font-size: 1.15385em;
  line-height: 1.46667em;
  font-weight: 700;
}
/* line 49, ../src/sass/contatti.sass */
.blocco_promo .inner p {
  font-size: 1.15385em;
  line-height: 1.46667em;
  padding: 0 0 20px;
}
/* line 53, ../src/sass/contatti.sass */
.blocco_promo .inner .pulsantone {
  display: inline-block;
  font-family: Georgia;
  font-size: 1.38462em;
  line-height: 2.66667em;
  padding: 0 20px;
  border: 1px #c1c1c1 solid;
}
@media (orientation: portrait) {
  /* line 53, ../src/sass/contatti.sass */
  .blocco_promo .inner .pulsantone {
    font-size: 1.15385em;
    line-height: 2.33333em;
    padding: 0 10px;
  }
}
/* line 64, ../src/sass/contatti.sass */
.blocco_promo .inner span {
  font-size: 0.86667em;
  line-height: 1.46154em;
}