/* 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;
    }

    .btn-spacing {
        margin-top: 0.25rem;
        margin-left: 2.5vw;
    }

    .cell-phone-size {
        height: 1.5rem;
    }

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

    .header-spacing {
        margin-top: 128px;
        height: auto;
    }

    .header-spacing-123 {
        margin-top: 138px;
        height: auto;
    }

    .lead-vertical-space {
        margin-top: -28.5vw;
        margin-left: -0.75rem;
    }

    .margin-narrow {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .mt-50px {
        margin-top: 71px;
    }

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

    p.my-contact {
        position: absolute;
        text-align: left;
        font-size: 1rem;
        left: 57%;
        top: 46%;
        width: 50%;
        max-width: 60%;
        padding-right: 2rem;
    }

    .project-caption {
        margin-left: 14vw;
        height: 1em;
    }


    /* id's */
    /*
    #page-banner_cardText {
        bottom: 2.75rem;
        right: -0.5rem;
    }
*/
    #contact-info-phone_cardImage {
        width: 50%;
    }

    #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;
    }
}