/* Fonts
----------------------------------*/
@font-face {
  font-family: "CraftworkGrotesk-Bold";
  src:
    url("../assets/fonts/CraftworkGrotesk-Bold.woff2") format("woff2"),
    url("../assets/fonts/CraftworkGrotesk-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

/* Images Logo + Mail
----------------------------------*/
@media (max-width: 767px) {
  .mail-svg {
    width: 80px;
    height: 80px;
  }

  .logo {
    width: 255px;
    height: 108px;
  }
}

/* Animation
----------------------------------*/
@media (max-width: 767px) {
  .text_box {
    font-size: 3.7em;
    line-height: 1.2em;
  }

  .text_box .text-wrapper {
    width: 300px;
  }
}

/* Title
----------------------------------*/
@media (max-width: 767px) {
  .so-btn {
    text-align: center;
    padding: 24px 24px;
    font-size: 16px;
  }

  .svg-img {
    width: 22px;
    height: 22px;
  }
}

@media (max-width: 992px) {
  .left-title {
    text-align: left;
  }
}

/* Images
----------------------------------*/
.box-69,
.box-68 {
  display: block;
  display: wide;
  padding-bottom: 100%;
  position: relative;
  background-size: cover;
  background-position: center;
}

@media (max-width: 320px) {
  .box-68 {
    height: 350px;
  }

  .box-69 {
    height: 175px;
  }

  .rounded {
    border-radius: 120px !important;
  }
}

@media (min-width: 320px) {
  .box-68 {
    height: 350px;
  }

  .box-69 {
    height: 175px;
  }

  .rounded {
    border-radius: 120px !important;
  }
}

@media (min-width: 425px) {
  .box-68 {
    height: 480px;
  }

  .box-69 {
    height: 240px;
  }

  .rounded {
    border-radius: 120px !important;
  }
}

@media (min-width: 768px) {
  .box-68 {
    height: 390px;
  }

  .box-69 {
    height: 195px;
  }

  .rounded {
    border-radius: 140px !important;
  }
}

@media (min-width: 1024px) {
  .box-68 {
    height: 450px;
  }

  .box-69 {
    height: 225px;
  }

  .rounded {
    border-radius: 140px !important;
  }

  .em {
    float: right;
  }
}

@media (min-width: 1200px) {
  .box-68 {
    height: 480px;
  }

  .box-69 {
    height: 240px;
  }

  .rounded {
    border-radius: 140px !important;
  }
}