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

    /* over ride of bootstrap 5 classes */
    .navbar {
        top: 0;
    }

    /* classes */

    .about-vertical-space {
        margin-top: 3rem;
    }

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

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

    .dumpster-vertical-space {
        margin-top: -2rem;
        padding: 1rem;
    }

    .header-spacing {
        margin-top: 7.5rem;
        height: auto;
    }

    .header-spacing-123 {
        margin-top: -1rem;
        height: auto;
    }

    .lead-vertical-space {
        margin-top: -2.5vw;
        margin-left: -1rem;
    }

    .location-vertical-space {
        margin-top: 3rem;
    }

    .move-right {
        margin-left: 18rem;
    }

    p.my-contact {
        position: absolute;
        text-align: left;
        font-size: 1.25rem;
        left: 55%;
        top: 44%;
        max-width: 68%;
    }

    /* id 's */

    #contact-info-phone_cardImage {
        width: 25%;
    }

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

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

    #slogan-area_cardText {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 2.25vw;
        color: var(--tagline-font-color);
    }
}