@media all and (min-width: 960px){

    p {line-height: 22px;}

    /* FLEX */

    .flex {display: flex}
    .flex-wrap {flex-wrap: wrap;}

    /*BANNER*/

    figure#banner {
        height: 250px; background: url('../images/blog/banner.jpg');
        background-size: cover; background-position: center center;
    }
    figure#banner figcaption {font-size: 4em; font-weight: 800; top: 70px; }

    .wrap {width: 95%; max-width: 1280px; margin: auto}

    /* ASIDE E CONTENT */

    .asideContent {position: relative; padding-top: 40px;}
    .asideContent .aside {position: fixed; }

    /* ASIDE */

    .aside, .content {float: left;}
    .aside {width: 200px;}

    /* CONTENT */

    .content {width: calc(100% - 230px); margin-left: 230px;}
    
    /* BLOG */

    #postGallery {width: 100%; justify-content: space-between;}
    #postGallery .flex-item {width: 30%; height: 400px; margin-bottom: 30px}
    .date {font-size: .75em;}

    /* POST */

    article {width: calc(100% - 400px); margin-right: 40px}
    article header h1 {font-size: 2em;}
    article .dataPost .flex-item {width: 50%; text-align: center;}

    /* RIGHTBAR */

    .rightBar {width: 400px!important}
    .rightBar li {font-size: .75em; font-weight: 600;}
    .rightBar li span {font-size: .875em}
    .rightBar li .flex .flex-item:nth-of-type(1) {width: 90px}
    .rightBar li .flex .flex-item:nth-of-type(2) {width: 300px; padding-left: 5px;}
    
}