sup {
    top: -1.0em;
    font-size: 59%;
}
.medium-gray{
    background-color: #686D71;
    color: #fff;
}

main a.btn.btn-link {
    color:#686D71;
    border-width: 2px;
    border-style: solid;
    border-color: #686D71;
    background: transparent;
    border-radius: 0;
    transition: 0.5s all;
    padding: 0.7rem 4rem;
    font-size: 18px;
    cursor: pointer;
}

main a.btn.btn-link:hover {
    color: #fff;
    background: #686D71;
}

main .medium-gray a.btn.btn-link, main .carousel-inner a.btn.btn-link{
    color: #fff;
    border-color: #fff;
}

main .medium-gray a.btn.btn-link:hover, main .carousel-inner a.btn.btn-link:hover {
    color: #2d2d2d;
    background: #fff;
}

main .light-gray{
    background-color: #E3E5E6;
}

.px-6{
    padding-left: 9rem;
    padding-right: 9rem;
}

@media (min-width: 576px) {
    .px-6{
        padding-left: 0rem;
        padding-right: 0rem;
    }
}

@media (max-width: 768px) {

    .px-6{
        padding-left: 1rem;
        padding-right: 1rem;
    }
}


@media (min-width: 768px) {

    .px-6{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}


@media (min-width: 992px) {


    .px-6{
        padding-left: 3rem;
        padding-right: 3rem;
    }
}

@media (min-width: 1200px) {
    .px-6{
        padding-left: 9rem;
        padding-right: 9rem;
    }
}