.bar {
    width:0;
    border-top:3px solid #fe3518;
    transition:1.5s;
    transition-timing-function:cubic-bezier(.42, 0, .58, 1);
}


.indent_col_20 {
    position: relative;
}


.bar.active {
    width:100%;

}
.bar50.active {
      width:50%;
}
.bio-image .fade {

    opacity:0;
      transition:1.5s;
    transition-timing-function:cubic-bezier(.42, 0, .58, 1);  
}

.bio-image .active .fade {

    opacity:1;
    
}


.bio-image .moveUp {
    transform:translateY(50px);
      transition:1.5s;
    transition-timing-function:cubic-bezier(.42, 0, .58, 1);  
}

.bio-image .moveUp.active {
    transform:translateY(-10px);

    
}

@media screen and (max-width:700px) {
  .bar {
    width:0;
    border-top:3px solid #fe3518;
    transition:1.5s;
    transition-timing-function:cubic-bezier(.42, 0, .58, 1);
}

    .bar_right {
        position: relative;
        left:20%;
    }
    
.bar.active,
    .bar50.active{
    width:80%;

}  
        .bio-image .moveUp {
    transform: translateY(30px);
}
    .bio-image .moveUp.active {
    transform: translateY(0);
}
    
    
}