@media only screen and (min-width: 3400px) {
    body { font-size:2em; }
    header div#gravatar img { height:256px; width:256px; }
    header div#title h1 { font-size: 3em; }
    header div#title blockquote { font-size: 1em; }

    div#content { grid-template-columns: 1fr 12.5%; }
    #articles { display:grid; grid-template-columns: 1fr 1fr 1fr; }
}

@media only screen and (min-width: 2560px) and (max-width: 3400px) {
    body { font-size:1.2em; }
    header div#gravatar img { height:224px; width:224px; }
    header div#title h1 { font-size: 6em; }
    header div#title blockquote { font-size: 1em; }
    
    div#content { grid-template-columns: 1fr 15%; }
    #articles { display:grid; grid-template-columns: 1fr 1fr 1fr; }
}

@media only screen and (min-width: 1920px) and (max-width: 2560px) {
    body { font-size: 1em;}
    header { margin: 0; }
    header div#gravatar img { margin: 1em; height: 192px; width: 192px; }
    header div#title h1 { font-size: 5em; }
    header div#title blockquote { font-size: 1em; }

    div#content { grid-template-columns: 1fr 20%; }
    #articles { display:grid; grid-template-columns: 1fr 1fr 1fr; }
}