.notizia{
    position: relative;
    grid-column-start: auto;
    grid-column-end: span 4;
    grid-row-start: auto;
    grid-row-end: span 4;
    cursor: pointer;
    padding:10px;
    display:block;
    color: inherit;
}
.notizia:hover{
    color:inherit;
    text-decoration: none;
}
.notizia:visited{
    color:inherit;
}
.notizia:active{
    color:inherit;
}




.notizia .sinistra{
    height:50%;
    background-color:#eee;
    background-size: cover;
    background-position: center;
}


.notizia .destra{
    height:50%;
    padding:5px;
}





.notizia .titolo{
    font-weight: bold;
    margin-top:5px;
    margin-bottom:5px;
    font-size:large;
}
.notizia .paragrafo{
    font-size:small;
    text-align: justify;
}
.notizia .collegamento{
    font-size: medium;
    margin-top:10px;
    text-align: right;
    color:darkblue;
    font-style: italic;
}


@media only screen and (min-width: 2000px){
    .notizia .sinistra{
        max-height:225px;
    }
}

@media only screen and (max-width: 2000px){
    .notizia{
        grid-column-end: span 4;
        grid-row-end: span 5;
    }
}

@media only screen and (max-width: 1600px){
    .notizia{
        grid-column-end: span 4;
        grid-row-end: span 6;
    }
}

@media only screen and (max-width: 1200px){
    .notizia{
        grid-column-end: span 6;
        grid-row-end: span 6;
    }
}
@media only screen and (max-width: 992px){
    .notizia{
        grid-column-end: span 6;
        grid-row-end: span 9;
    }
}
@media only screen and (max-width: 768px){
    .notizia{
        grid-column-end: span 12;
        grid-row-end: span 12;
    }
}
@media only screen and (max-width: 500px){
    .notizia{
        grid-column-end: span 12;
        grid-row-end: span 18;
    }
}