.mobile-timeline {
    padding-top: 30px;
    padding-bottom: 50px;
    background-color: #F7F6F4;
}

.mobile-timeline h1 {
    text-align: center;
    margin-bottom: 30px;
    text-transform: uppercase;
    color: var(--belldomo-yellow);
}

.mobile-timeline .icon-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: lightgray;
    padding: 15px;
    border-radius: 45px;
    width: 65px;
    height: 65px;
}

.mobile-timeline .mobile-tl-icon {
    font-size: 40px;
    color: var(--belldomo-yellow);
}

.mobile-timeline .icon-col {
    display: flex;
    justify-content: center;
}

.mobile-timeline hr{
    margin-bottom: 0.8rem;
    margin-top: 0.8rem;
}



@media (max-width:350px) {
    .mobile-timeline p {
        font-size: 0.9em;
        }
      
    }





    #timeline .leftcol {
        display: flex;
        flex-direction: column;
        padding-right: 0;
        align-items: flex-end;
        padding-top: 50px;
        }
        
        #timeline {
            padding-bottom: 50px;
        }
        
        #timeline .row {
            justify-content: center;
        }
        
        #timeline .rightcol {
            padding-left: 0;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding-top: 50px;
        }
        
        #timeline .col img {
            width: 300px;
            position: relative;
        }
        
        #timeline .yellow-button {
            width: 300px;
        }
        
        #timeline-headline {
            text-transform: uppercase;
            flex-grow: 1;
        }


        #step-1 {
            left: -15%;
        }
        
        #step-2 {
            right: -15%;
        }
        
        #step-3 { 
            left: -15%;
        }
        
        #step-4 {
            right: -15%;
        }

        
.imagewrapper {
    position: relative;
}

.stepbadge {
    position: absolute;
    text-transform: uppercase;
    width: 250px;
    font-size: .8rem;
    background-color: white;
    border: 1px solid #aaa;
    padding: 5px;
    padding-left: 8px;
    bottom: 10%;
}