/** Stellaedianae - Media Queries
    ==========================================================================================  */

/*----------------------------------------------------*/
/*	4.	lower than 940px
    (/assets/css/media.css overrides)
/*----------------------------------------------------*/

/*
    Raises the breakpoint for two columns from 768px to 940px
    This is necessary after the circled images layout, since they cannot be dimensioned with percentages
*/
@media only screen and (max-width: 940px) {
    .posts-grid-holder .article {width: 50%!important;}
}

/*----------------------------------------------------*/
/*	5.	lower that 640px
    (/assets/css/media.css overrides)
/*----------------------------------------------------*/

/*
    Raises the breakpoint for one column from 480px to 640px
    This is necessary after the circled images layout, since they cannot be dimensioned with percentages
*/
@media only screen and (max-width: 640px) {
    .posts-grid-holder .article {width:100%!important;}
}

/*----------------------------------------------------*/
/*	6.	lower that 480px
    (/assets/css/media.css overrides)
/*----------------------------------------------------*/

@media only screen and (max-width: 480px) {
    .stellae-img-circle {
        width: 270px;
        height: 270px;
    }
}

/*----------------------------------------------------*/
/*	6.	lower that 320px
    (/assets/css/media.css overrides)
/*----------------------------------------------------*/
@media only screen and (max-width: 320px) {
    #header.versions #logo {
        width: 260px;
    }
    #mobile-toggle {
        right: 0;
    }
}