h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
     font-family: "Volkhov", "Volkhov", 'Helvetica Neue', Helvetica, Arial, sans-serif;
     font-weight: 200;
     line-height: 1.1;
     color: inherit;
}
 h1, h2, h3, h4, h5, h6 {
     text-transform: uppercase;
}
 h4, .h4, h5, .h5, h6, .h6 {
     margin-top: 25px;
     margin-bottom: 10px;
}
 h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
     margin-top: 0px;
}
 .process-step-container {
     position: relative;
}
 .process-step-container > img {
     height: auto;
}
 .process-step-container{
     align: middle;
}
 .process-step-container .scroll-inner {
     max-height: 100%;
     overflow: auto 
}
 .process-step-container .scroll-inner::-webkit-scrollbar {
     width: 9px 
}
 .process-step-container .scroll-inner::-webkit-scrollbar-track {
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background: rgba(0, 0, 0, 0.1) 
}
 .process-step-container .scroll-inner::-webkit-scrollbar-thumb {
     -webkit-border-radius: 5px;
     border-radius: 5px;
     background: rgba(0, 0, 0, 0.2) 
}
 .process-step-container .scroll-inner::-webkit-scrollbar-thumb:hover {
     background: rgba(0, 0, 0, 0.4) 
}
 .process-step-container .scroll-inner::-webkit-scrollbar-thumb:window-inactive {
     background: rgba(0, 0, 0, 0.05) 
}
 .process-step-container > figcaption {
     -webkit-transition: all 500ms;
     -o-transition: all 500ms;
     transition: all 500ms;
     background: #fff;
     padding: 40px;
     position: absolute;
     top: 60px;
     left: auto;
     bottom: 60px;
     right: 0 
}
 .process-step-container > figcaption:hover {
     -webkit-transition: all 500ms;
     -o-transition: all 500ms;
     transition: all 500ms;
     top: 0px;
     bottom: 0px;
}
 .process-step-container.align_right {
     text-align: right 
}
 .process-step-container.align_right > figcaption {
     text-align: left;
     right: auto;
     left: 0 
}
 @media (min-width: 992px) {
     .process-step-container > img {
         width: 600px 
    }
     .process-step-container > figcaption {
         width: 420px 
    }
}
 @media (max-width: 991px) {

     .mini_photo > img{
         margin-top: -50px;
         width:100%;
    }
     .process-step-container > img {
         display: none 
    }
     .process-step-container > figcaption {
         -webkit-transition: all 500ms;
         -o-transition: all 500ms;
         transition: all 500ms;
         background: #fff;
         padding: 20px;
         position: absolute;
         top: 30px;
         left: auto;
         bottom: 30px;
         right: 0;
         position: static;
         width: 100% 
    }
     h1, .h1 {
         font-size: 35px;
    }
     h3, .h3 {
         font-size: 20px;
    }
     h5, .h5 {
         font-size: 18px;
    }
}
 @media (min-width: 991px) {
     .mini_photo{
         display: none 
    }
}