.rusal {
  font: 18px "Open Sans", sans-serif;
}
.rusal .title {
  color: black;
}
.rusal .intro {
  margin: 7% 0;
}
.rusal .header {
  background-image: url("../../images/portfolio/rusal_card.png");
}
.rusal .footer {
  background-image: url("../../images/portfolio/rusal_card.png");
}
.rusal .logo {
  background-image: url("../../images/portfolio/rusal_logo.png");
}
.rusal .pic {
  height: 250px;
  background-image: url("../../images/portfolio/rusal/rusal_pic.png");
  background-position: center center;
  background-repeat: no-repeat;
}
.rusal h3 {
  font-size: 24px;
}
.rusal hr {
  height: 8px;
  background: #FFA71C;
}
.rusal .gray-back {
  background-image: url("../../images/portfolio/rusal/rusal_gray_back.png");
}
.rusal .tv {
  background-image: url("../../images/portfolio/rusal/rusal_tv.png");
  background-position: center center;
  background-repeat: no-repeat;
  height: 300px;
  margin-top: 50px;
}
.rusal .gray-back {
  padding: 40px 0;
}
.rusal .flex_style {
  display: flex;
  flex-direction: row;
}
.rusal .text {
  align-self: center;
}
.rusal .text p {
  margin: 5% 0;
}
.rusal .prototype_text {
  margin-left: 8%;
}
/* .rusal .conclusion {
  font-size: 18px;
} */
@media (max-width: 600px) {
  .rusal .tags-wrapper {
    left: 20px;
  }
  .rusal .flex_style {
    flex-direction: column;
  }
  .rusal .prototype img {
    width: 100%;
  }
}
@media screen and (max-width: 600px) and (min-width: 360px) {
  .rusal .tags-wrapper {
    left: calc(20px + 30 * (100vw - 360px) / 400);
  }
}
@media screen and (max-width: 600px) and (min-width: 760px) {
  .rusal .tags-wrapper {
    left: 50px;
  }
}

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