.payoff{
    margin-top: 15px;
    align-items: center;
    transition: opacity 300ms, transform 300ms ease-in-out;
    transition-delay: 300ms;
    top: 50%;
    transform: translate(0);
}

.payoff a{
    text-decoration: underline;
}

.payoff p{
    margin-bottom: 0px;
    font-size: .95rem;
    line-height: 1.2rem;
}

.nav-down  .payoff{
    top: -100%;
    visibility: hidden;
    transform: translateY(-150px);
}
.nav-up .payoff{
     top: -100%;
     visibility: hidden;
     transform: translateY(-150px);
    
}

@media (max-width: 768px){
    .payoff{
        display: none;
      
    }
}

@media (min-width: 768px) {
     .payoff p{
    font-size: .75rem;
    line-height: .9rem;
    }
}

@media (min-width: 992px){
    .payoff p{
    font-size: .85rem;
    line-height: 1rem;
    }
}

@media (min-width: 1200px){
    .payoff p{
    font-size: .95rem;
    line-height: 1.2rem;
    }
}