/*--- STEPS-home-verh-widgety ---*/
.steps {
  text-align: center;
  padding-bottom: 16pt;
  
  }

@media (min-width: 992px) {
  .steps__inner {
    -js-display: flex;
    display: flex;
    justify-content: space-around;
	padding-bottom: 40px;
}}

.step h4{
	font-size: 20px;
    font-weight: 600;
	color: #222;
}

.step {
  padding-bottom: 16pt;
  text-align: center;
  width: 100%;
  border-top: 1px solid #eee;
  overflow: auto; 
  line-height: 20px;
  color: #262626;
  font-weight: 400;
}
  .step:first-child {
    border-top: none; }
  @media (min-width: 992px) {
    .step {
      border-top: none;
      width: auto; } }

.step__media {
  margin: 16pt 0; }
  @media (min-width: 992px) {
    .step__media {
      margin: 32pt 0; } }

.step__image {
  max-height: 100px;
  max-width: 222px;
  margin-top: 8pt;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none; }
  @media (min-width: 600px) {
    .step__image {
      max-width: none; } }

.step__text {
  max-width: 36ch;
  text-align: left;
  margin-left: auto;
  margin-right: auto; }
  
  
  
  
  
  
  
  /*--- EXPANDED-home-seredina-widgety ---*/
  
  .expanded {
  padding: 40px 0; 
 }
.steps h2{

    font-size: 28px;
    font-weight: 500;
	color: #222;
}
.expanded__inner {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column; }
  @media (min-width: 992px) {
    .expanded__inner {
      flex-direction: row; } }

.expanded__media {
  order: 1;
  text-align: center; }
  @media (min-width: 992px) {
    .expanded__media {
      width: 50%;
      flex-shrink: 0;
      order: unset; } }

.expanded__content {
  order: 2; }
  @media (min-width: 992px) {
    .expanded__content {
      padding: 0 16pt;
      width: 50%;
      flex-shrink: 0;
      order: unset; } }

.expanded:nth-child(even) .expanded__media {
  order: 1; }
  @media (min-width: 992px) {
    .expanded:nth-child(even) .expanded__media {
      order: 1; } }
.expanded__image {
  width: 90%;
  max-width: 220px;
  padding: 16pt 0; }
  @media (min-width: 992px) {
    .expanded__image {
      max-width: 280px; } }

.expanded__title {
  max-width: 550px; 
  font-size: 20px;
    font-weight: 600;
	color: #222;
	}

.expanded__text {
  max-width: 60ch;
  color: #222;
   }
.grow {
  display: inline-block;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  color: #fff;
}
.grow:hover, .grow:focus, .grow:active {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}