@media (max-width: 1089px){
    header a:first-child{
        grid-row: span 1;
    }

    header a:nth-child(2){
        grid-column: span 1;
        grid-row: span 2;
    }

    header a:nth-child(2) article .info .titulo,
    header a:nth-child(2) article .info .subtitulo{
        max-width: 215px;
    }
}

@media (max-width: 819px){
    header a:first-child{
        grid-column: span 1;
        grid-row: span 1;
    }

    header a:nth-child(2){
        grid-column: span 1;
        grid-row: span 1;
    }

    header article .info .titulo,
    header article .info .subtitulo{
        max-width: 215px;
    }

    aside{
        grid-column: span 2;
    }
}

@media (max-width: 549px){
    
    header a{
        grid-column: span 1;
        grid-row: span 1;
        max-height: 230px;
    }

    header a:nth-child(2) article .info .titulo,
    header a:nth-child(2) article .info .subtitulo{
        max-width: 420px;
    }

    header article .info .titulo,
    header article .info .subtitulo{
        max-width: 420px;
    }
}

@media (max-width: 459px){
    header a:nth-child(2) article .info .titulo,
    header a:nth-child(2) article .info .subtitulo{
        max-width: 345px;
    }

    header article .info .titulo,
    header article .info .subtitulo{
        max-width: 345px;
    }

    header article .info .titulo,
    header article .info .subtitulo,
    header article .info .categoria,
    header article .info .autorxFecha{
        font-size: 10pt;
    }
}

@media (max-width: 390px){
    header a:nth-child(2) article .info .titulo,
    header a:nth-child(2) article .info .subtitulo{
        max-width: 250px;
    }

    header article .info .titulo,
    header article .info .subtitulo{
        max-width: 250px;
    }
}

@media (max-width: 290px){
    header,
    .mainContainer{
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }

    header a:nth-child(2) article .info .titulo,
    header a:nth-child(2) article .info .subtitulo{
        max-width: 220px;
    }

    header article .info .titulo,
    header article .info .subtitulo{
        max-width: 220px;
    }
}

@media (max-width: 279px){

    header a{
        max-height: 270px;
    }

    .guion{
        display: none;
    }

    header a:nth-child(2) article .info .titulo,
    header a:nth-child(2) article .info .subtitulo{
        max-width: 150px;
    }

    header article .info .titulo,
    header article .info .subtitulo{
        max-width: 150px;
    }
}