.stock-banner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .stock-banner__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex; }
  .stock-banner__wrapper {
    max-width: 555px;
    width: 100%;
    min-height: 320px;
    padding-top: 60px;
    padding-bottom: 30px; }
    @media only screen and (max-width: 767px) {
      .stock-banner__wrapper {
        min-height: 220px;
        max-width: none; } }
  .stock-banner__title {
    font: 600 42px "Museo Sans Cyrl", sans-serif;
    color: #000;
    margin-bottom: 35px; }
    @media only screen and (max-width: 991px) {
      .stock-banner__title {
        font-size: 34px;
        margin-bottom: 25px; } }
    @media only screen and (max-width: 767px) {
      .stock-banner__title {
        font-size: 28px;
        text-align: center;
        margin-bottom: 20px; } }
  .stock-banner__text {
    color: #333;
    margin-bottom: 70px;
    font: 600 20px/1.5 "Museo Sans Cyrl", sans-serif; }
    @media only screen and (max-width: 991px) {
      .stock-banner__text {
        font-size: 18px; } }
    @media only screen and (max-width: 767px) {
      .stock-banner__text {
        text-align: center;
        max-width: none;
        font-size: 16px;
        margin-bottom: 30px; } }
    @media only screen and (min-width: 768px) {
      .stock-banner--left-border .stock-banner__text {
        padding: 10px 0 10px 30px;
        border-left: 5px solid #ED1B2E; } }
  .stock-banner__btn-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
    @media only screen and (max-width: 767px) {
      .stock-banner__btn-container {
        display: none; } }
  .stock-banner__btn {
    margin: 0 20px 30px 0; }