.topfooter .container {
    width: 300px;
}

.topfooter .grid-section > div {
    margin-bottom: 0;
    padding-top: 40px;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background-color: #239EBC;
    color: #fff;
}

.topfooter a,
.topfooter a:hover {
    color: #fff;
}

.topfooter .rte {
    margin-bottom: 40px;
}

.bottomfooter {
    background-color: #67CC25;
    color: #fff;
    padding-top: 16px;
    padding-bottom: 16px;
}

    .bottomfooter a,
    .bottomfooter a:hover {
        color: #fff;
        margin-right: 28px;
        white-space: nowrap;
    }

    .bottomfooter .col {
        margin-bottom: 16px;
    }

@media (min-width: 992px) {
    .topfooter .container {
        width: initial;
        text-align: left;
    }
}


@media (min-width: 768px) {
    .bottomfooter a,
    .bottomfooter a:hover {
        color: #fff;
        margin-right: 0;
    }

    .bottomfooter .col-md-auto a {
        margin-left: 28px;
    } 

    .bottomfooter .col {
        margin-bottom: 0;
    }
}