@media all and (max-width: 1400px) {
    
    /* ================================== */
    /*             Navigation             */
    /* ================================== */
    
    nav > ul, nav > #show_menu { top: -5px; }
    nav .bg { height: 70px; }
    
    .publications .thumb figure button { font-size: 3.5em; }
}

@media all and (max-width: 900px) {
    
    body { font-size: 14px; }
    
    /* ================================== */
    /*             Navigation             */
    /* ================================== */
    
    nav > ul, nav > #show_menu { top: -10px; }
    nav .bg { height: 60px; }
    nav #lang li button { font-size: 18px; }
    nav #menu { font-size: 2em; }

    /* ================================== */
    /*               Layout               */
    /* ================================== */

    section { padding: 80px 60px 60px 60px; }

    /* ================================== */
    /*                Post                */
    /* ================================== */

    .text_box { padding: 24px 0; }
    .text_box figure { width: 150px; height: 150px; float: left; }
    .text_box p { padding-left: 30px; }

    /* ================================== */
    /*            Publications            */
    /* ================================== */

    .publications { margin-top: 30px; }
    .publications .thumb { width: 45%; margin: 2%; }
    .publications .thumb figure button { font-size: 4em; }
    .publications .thumb p.author { font-size: 0.85em; }

    /* ================================== */
    /*              Gallery               */
    /* ================================== */
    
    #contact .text_box p { line-height: 1.9; }
}

@media all and (max-width: 700px) {
    .text_box { display: block; }
    .text_box .photo { display: block; overflow: hidden; }
    .text_box .photo figure { margin-bottom: 30px; }
    .text_box p { padding-left: 0px; display: block; }
    
    /* ================================== */
    /*              Gallery               */
    /* ================================== */
    
    .galleries .thumb { margin: 2%; width: 46%; height: 38vw; }
    .galleries .thumb p { display: none; }
    
    #contact .text_box p { line-height: 2; }

}

@media all and (max-width: 500px) {
    
    body { font-size: 12px; }

    /* ================================== */
    /*               Layout               */
    /* ================================== */

    section { padding: 70px 30px 40px 30px; }

    /* ================================== */
    /*                Post                */
    /* ================================== */

    .text_box { padding: 20px 0; }
    .text_box .photo figure { width: 124px; height: 124px; margin-bottom: 24px; }
    .text_box p { line-height: 1.7; }

    /* ================================== */
    /*            Publications            */
    /* ================================== */

    .publications { margin-top: 30px; overflow: visible;}
    .publications .thumb { float: left;  width: 98%; margin: 5% 0; }
    .publications .thumb figure button { font-size: 5em; }
    .publications .thumb p.author { font-size: 0.9em; }

    /* ================================== */
    /*              Gallery               */
    /* ================================== */
    
    #contact .text_box p { line-height: 2.3; }
    
}

@media all and (max-height: 500px) {
    nav > ul, nav > #show_menu { top: -10px; }
    nav .bg { height: 60px; }
    #contact .text_box p { line-height: 1.6; }
}