.footer{
    background: white;
}
.footer .footer-wrap .logo-wrap img{
    height: 35px;
}
.footer .footer-wrap .info{
    display: flex;
    flex-direction: column;
}
.footer .footer-wrap .fine-print{
    display: flex;
    justify-content: space-between;
}
    .footer .footer-wrap .fine-print .links{
        display: flex;
        align-items: center;
    }
.footer .footer-wrap .fine-print .splitter {
    font-size: 0.5rem;
}
.footer .footer-bottom-line{
    height: 5px;
    width: 100%;
    background: var(--main-orange);
    bottom: 0;
}

/* using display: flex with flex-basis here to fill out space so footer cta-btns look */
/* somewhat equal. This won't always look correct if the text inside the btns increases, so */
/* this is just a temporary fix */
.footer .footer-wrap .cta-btns {
    display: flex;
}
.footer .footer-wrap .cta-btns .btn {
    flex-basis: 100%;
}
.footer .footer-wrap .social-icons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}
.footer .footer-wrap .social-icons svg{
    stroke: var(--font-color);
    transition: all .15s ease-in-out;
}
    .footer .footer-wrap .social-icons a:hover svg {
        stroke: var(--main-orange);
    }