@media screen and (min-width: 48em) {
    
    .hdr-top span {
        font-size: 3.5rem;
        padding-left: 1.5rem;
    }
    

    h1 {
        padding-left: 1rem;
    }

    h2 {
        font-size: 2rem;
    }

    /* .card-container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    } */

    .container {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-items: center;
    }
}