/* By default, show the large screen content and hide the small screen text */
#large-screen-content {
    display: block;
}

/* For screens smaller than 1320px, hide the large screen content and display the small screen text */
@media (max-width: 1150px) {
   /* #large-screen-content {
        display: none;
    }*/

    #small-screen-text {
        display: flex;
        width: 100vw;
        height: 100vh;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
    }
}