@media all {
  body.category > main .intro .title {
    color: #26325A;
    line-height: 1.2;
  }
  body.category > main .intro .text {
    color: #5B6279;
  }
}
@media (min-width: 850px) {
  body.category > main .intro .title {
    margin-bottom: 0.75em;
  }
  body.category > main .intro .drawing {
    float: left;
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 1400px) {
  body.category > main .intro {
    margin-bottom: 100px;
  }
  body.category > main .intro .title {
    font-size: 51px;
  }
  body.category > main .intro .text {
    min-height: 200px;
  }
  body.category > main .intro .drawing {
    margin-right: 70px;
    margin-bottom: 70px;
  }
}
@media (min-width: 850px) and (max-width: 1399px) {
  body.category > main .intro {
    margin-bottom: 80px;
  }
  body.category > main .intro .title {
    font-size: 30px;
  }
  body.category > main .intro .text {
    min-height: 130px;
  }
  body.category > main .intro .drawing {
    margin-right: 30px;
    margin-bottom: 30px;
  }
}
@media (max-width: 849px) {
  body.category > main .intro {
    position: relative;
    margin-bottom: 40px;
  }
  body.category > main .intro .title {
    position: relative;
    z-index: 1;
    font-size: 24px;
  }
  body.category > main .intro .drawing {
    margin: 20px auto 40px;
  }
}