/* sm-viewport.css */
@media only screen and (min-width: 556px) {

    /* classes */

    .brag-tag {
        position: absolute;
        right: -3rem;
        bottom: -1.5rem;
        line-height: .5rem;
    }

    .btn-floater {
        position: absolute;
        top: 3vw;
    }

    .contact-us {
        top: -6%;
        left: 2%;
    }

    .menu-alignment {
        margin-left: 0vw;
        margin-top: -5vw;
    }

    .offices {
        position: absolute;
        top: -1vw;
        right: 43vw;
        left: 3vw;
        text-align: left;
    }

    p.my-contact {
        position: absolute;
        text-align: left;
        left: 55%;
        top: 31%;
    }

    /* id's */
    #page-banner_cardText {
        padding: 2vw;
        margin: 4vw 0vw;
        color: var(--tagline-font-color);
        font-family: var(--tagline-font-family):;
    }

    #page-footer_cardTitle.h1,
    #page-footer_cardTitle h1 {
        font-size: 5.5vw;
    }

    #page-footer_cardButton.h6,
    #page-footer_cardText p.h6,
    #page-footer_cardButton h6 {
        font-size: .65rem;
    }
}