.callout-btn{
    color:#002d38;
    text-transform:uppercase;
    font-size:18px;
    font-family:'Verlag Black';
    padding:18px;
    background: #ABF7FF;
    text-align:center;
    width:335px;
    margin:auto;
    position:relative;
    line-height: 21px;
}

.callout-btn:hover, .callout-btn a:hover{
    background:#ECED90;
    color:#002d38;
}


.callout-btn::before {
    display: block;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-top: 12px solid #ABF7FF;
    border-right: 9px solid transparent;
    position: absolute;
    left: 50%;
    bottom: -12px;
    content: ' ';
}

.callout-btn:hover::before{
    border-top: 12px solid #ECED90;

}
.timeline {
    height:220px;
    position:relative
}

.bg-timeline{
   height:142px;
   background-image:url('/styles/lines.svg');
   background-repeat:no-repeat;
   background-position:center;

}

.time-axis {
    width:100%;
    border-bottom:2px solid white;
    position:absolute;
    top:148px;
}

.time-axis .circle {
    border-radius:20px;
    height:20px;
    width:20px;
    margin:auto;
    background:white;
    position:relative;
    top:12px;
    left:9px;
}

/*Large breakpoint custom media queries*/

@media (min-width: 992px) {

    .callout-btn{
        width:570px;
    }

    .bg-timeline{
        height:116px;
    }


       
}