site/assets/static/css/main.scss

/*
 *
 *  Minimal Mistakes
 *
 *  Designer: Michael Rose
 *  Twitter: http://twitter.com/mmistakes
 *
*/

// Partials
@import "variables";
@import "grid";
@import "mixins";
@import "normalize";
@import "site";
@import "typography";
@import "pygments";
@import "coderay";
@import "elements";
@import "forms";
@import "page";
@import "vendor/font-awesome/font-awesome";
@import "vendor/alegreya/alegreya";
@import "vendor/junction/junction";
@import "vendor/magnific-popup/magnific-popup";
//@import "vendor/google/fonts";

.right-navigation {
@extend .top-navigation;
position: absolute;
top: 10px;
right: 0;
text-align: right;
width: auto;
font-size: 80%;
}

#lang-nav {
@extend #site-nav !optional;
}

@media only screen and (min-width:  86.375em) {
#lang-nav {
background: transparent url('/static/images/icon-language.png') no-repeat scroll left center;
padding-left: 30px;
}
}

#lang-nav li {
margin-right: 7px;
}
.pinned-news {
margin-left: 1em;
margin-right: 1em;
margin-bottom: 2em;
}
@media only screen and (max-width:  37.49em) {
    .home .article-author-side {
        display: block;
margin-left: 1em;
margin-right: 1em;
margin-bottom: 2em;
    }
    .home .article-author-side .bio-photo,
    .home .article-author-side h3
   {
display: none;
}
    .home .article-author-side .author-social {
display: inline;
margin-right: 2em;
}
    .home .article-author-side p {
font-size: 100%;
}
}