.div-widget18-date {
    color:var(--red);
    font-size:1.2em;
    font-weight:bold;
    margin-top:1em;
}


.div-widget18-grid {
    display:flex;
    flex-wrap:wrap;
    gap: 2em;
    justify-content:space-around;
}


.div-widget18-item {
    display:grid;
    grid-template-columns: auto 300px;
}


.div-widget18-publisher {
    color:silver;
    font-size:1.1em;
}


.div-widget18-text {
    flex:1;
    margin: 1em;
}

.div-widget18-title {
    color:var(--navy);
    font-size:1.8em;
    font-weight:bold;
}


.img-widget18 {
    width:180px;
}


@media only screen and (max-width: 720px) { 

    .div-widget18-grid {
        display:grid;
        grid-template-columns: 1fr;
        justify-items:center;
    }

    .div-widget18-item {
        grid-template-columns: 1fr;
        justify-items:center;
    } 

    .div-widget18-text {
        margin:0;
       text-align:center;
    }

    .div-widget18-date {
        margin-top:0;
    }

    .div-widget18-publisher {
        margin-bottom:2em;
    }
}