@font-face {
  font-family: 'Cronos Pro';
  src: url("./font/Cronos Pro Regular.otf") format("opentype");
}

body {
  font-family: "Cronos Pro";
  min-height: 97vh;
  padding: 0;
  background-repeat: no-repeat;
  margin: 0;
  position: relative;
  background-image: url("./images/dolce.png");
  background-size: cover;
  max-width: 100%;
  color: #ffffff;
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 !important;
  z-index: 1;
  position: relative;
}

.about {
  padding-left: 7.291666666666667vw;
  padding-top: 6.770833333333333vw;
}

.about__wrap {
  display: flex;
}

.about__left {
  width: 70%;
}

.about__left a {
  color: #ffffff;
  text-decoration: none;
}

.about__left a:hover {
  color: #451A00;
}

.about__left h1 {
  font-size: 5.338541666666667vw;
  line-height: 5.208333333333333vw;
  margin-bottom: 8.130081300813009vh;
}

.about__left h2 {
  font-size: 6.639566395663957vh;
  line-height: 7.994579945799458vh;
}

.about__left span {
  margin-bottom: 1.3020833333333333vw;
}

.about__left .title {
  font-size: 3.1901041666666665vw;
  line-height: 3.7760416666666665vw;
}

.about__left .mail {
  font-size: 2.34375vw;
  line-height: 2.8645833333333335vw;
}

.about__left .phone {
  font-size: 3.0598958333333335vw;
  line-height: 3.7109375vw;
  margin-bottom: 2.6041666666666665vw;
}

.about__left .about--download ::after {
  content: url(./images/ico.svg);
  width: 13.216145833333334vw;
  display: block;
  position: absolute;
  margin-left: 19.53125vw;
  margin-top: -1.3020833333333333vw;
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(305deg) brightness(103%) contrast(103%);
}

.about__left .about__download {
  border: 0.13021vw solid #ffff;
  padding: 1.1067708333333333vw 0.4557291666666667vw 1.3020833333333333vw 0.4557291666666667vw;
  max-width: max-content;
  margin-top: 3.2552083333333335vw;
  margin-bottom: 5.208333333333333vw;
}

.about__left .about__download span {
  font-size: 3.3854166666666665vw;
  text-transform: uppercase;
  line-height: 2.734375vw;
}

.about__left .about__footer {
  display: inline-flex;
  margin-bottom: 3.515625vw;
}

.about__left .about__footer span {
  font-size: 1.6927083333333333vw;
  line-height: 2.0182291666666665vw;
  display: inline-flex;
  margin-left: 1.5625vw;
}

.about__left .about__footer .vl {
  border-left: 0.13020833333333334vw solid #ffffff;
  height: 5.338541666666667vw;
}

.about__left .about__footer img {
  width: 5.403645833333333vw;
  height: 5.403645833333333vw;
  margin-right: 0.9765625vw;
}

.about__right {
  width: 30%;
}

.about__right img {
  width: 19.661458333333332vw;
}

@media only screen and (max-width: 1201px) {
  body {
    background-image: url("./images/mobile.png");
    min-height: 100vh;
  }
  .about {
    padding-left: 7.291666666666667vw;
    padding-top: 6.770833333333333vw;
  }
  .about__wrap {
    display: flex;
    flex-direction: column-reverse;
  }
  .about__left {
    width: 100%;
    margin-top: 18.97018970189702vh;
  }
  .about__left h1 {
    display: none;
  }
  .about__left .mobile_title {
    font-size: 4.065040650406504vh;
    line-height: 4.878048780487805vh;
  }
  .about__left .mobile_title2 {
    font-size: 5.9620596205962055vh;
    line-height: 4.181571815718157vh;
  }
  .about__left h2, .about__left .title {
    font-size: 3.5230352303523036vh;
    line-height: 2.200542005420054vh;
    margin-bottom: 1.897018970189702vh;
  }
  .about__left span {
    margin-bottom: 2.710027100271003vh;
  }
  .about__left .mail {
    font-size: 2.5745257452574526vh;
    line-height: 3.116531165311653vh;
  }
  .about__left .phone {
    font-size: 3.3875338753387534vh;
    line-height: 4.065040650406504vh;
    margin-bottom: 2.710027100271003vh;
  }
  .about__left .about--download ::after {
    width: 21.989583vw;
    margin-left: 50.786458333333332vw;
    margin-top: -7.302083vw;
  }
  .about__left .about__download {
    border: 0.13021vw solid #ffff;
    padding: 1.1067708333333333vw 0.4557291666666667vw 1.3020833333333333vw 0.4557291666666667vw;
    max-width: max-content;
    margin-top: 3.2552083333333335vw;
    margin-bottom: 5.208333333333333vw;
  }
  .about__left .about__download span {
    font-size: 4.200542005420054vh;
    line-height: 5.149051490514905vh;
  }
  .about__left .about__footer {
    display: inline-flex;
    margin-bottom: 5.013550135501355vh;
    margin-top: 0;
  }
  .about__left .about__footer span {
    font-size: 2.032520325203252vh;
    line-height: 2.4390243902439024vh;
    display: inline-flex;
    margin-left: 1.5625vw;
  }
  .about__left .about__footer .vl {
    border-left: 0.13020833333333334vw solid #ffffff;
    height: 6.368563685636857vh;
  }
  .about__left .about__footer img {
    width: 6.368563685636857vh;
    height: 6.368563685636857vh;
    margin-right: 0.9765625vw;
  }
  .about__right {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .about__right img {
    width: 39.661458333333332vw;
    padding-right: 6.510416666666667vw;
  }
}

@media only screen and (min-width: 1202px) {
  .mobile_title, .mobile_title2 {
    display: none;
  }
}
