/*  3. Medium - Media Queries
----------------------------------------------------------------------------------------------------------- */

@media only screen and ( min-width: 769px ) {


/*  3.5 Page
------------------------------------------------------------------------------------------------------- */

.article-inner,
article > aside {
    float: none;
    width: 100%;
    margin: 0 auto 0 auto;
    max-width: 60rem;
}

article > aside {
    margin-top: 4rem;
    max-width: 100%;
}

@media ( max-width: 1025px ) {

    .page .related-item { 
        float: left;
        width: 31.6%;
    }

    .page .related-item + .related-item {
        margin: 0 0 0 2.6%;
    }

}

.page .related-item:nth-child(4) {
    display: block;
}


/*  3.7 Front Page
------------------------------------------------------------------------------------------------------- */

.page-template-page-template-accademia-start .big-overlay-header {
    margin-top: -12rem;
}


/*  3.10 News Single
------------------------------------------------------------------------------------------------------- */

/* SHARED */

/* Author Info */

.author-info {  
    padding: 4rem 0 0 10.6rem;
    position: relative;
}

.author-info .avatar {
    width: 8rem;
}

.author-info h3 span {
    display: inline;
    margin: 0 0 0 3.5rem;
}

 /* Related Below */

.related-below .related-item { 
    float: left;
    width: 31.6%;
}

.related-below .related-item + .related-item {
    margin: 0 0 0 2.6%;
}

.related-below .related-item:nth-child(4) {
    display: block;
}

.content-related p {
    font-size: 1.9rem;
}

/* DEFAULT */

.default-header {
    padding: 4rem 0 4rem 0;
}

/* LONGFORM */

.big-single-header.overlay-header {
    padding: 4rem 5% 0 5%;
}

.featured-bg-image + .big-single-header {
    margin-top: -15rem;
}

.big-single-header .post-title {
    font-size: 5.2rem;
    margin: 0 0 2.5rem 0;
}

.big-single-header * + .post-title {
    margin-top: 2.5rem;
}

.big-single-header .post-excerpt + .byline {
    margin-top: 2rem;
}


}

@media ( min-width: 1000px ) {
 
 
/*  Front Page
------------------------------------------------------------------------------------------------------- */
    
/* SMALL PUFF */

.small-puff {
    padding: 3.5rem 3.5rem 3.5rem 10rem;
}

/* STATIC SMALL PUFF */

.small-featured-post.static p {
    font-size: 1.8rem;
    margin: 0 -4rem 0 -4rem;
}

.small-featured-post.static .puff-link {
    margin-top: 1.8rem;
}

}