@media all and (max-width: 1600px) {
    footer .glowne dd { font-size: 0.8em; }
    footer dl { padding: 1px 16px; }
}

@media all and (max-width: 1400px) {
    #categories_menu div.box { width: 33.33%; height: 33vw; }
    #categories_menu div.double { width: 66.66%; height: 33vw; }
    footer dl { padding: 1px 12px; }
    footer .glowne dd { font-size: 0.7em; }
}

@media all and (max-width: 1100px) {
    section .akapit .banner { padding: 0 10%; }
    #categories_menu h2 { font-size: 1.75em; }
    footer dl { padding: 1px 8px; }
    footer .glowne dd { font-size: 0.65em; }
}

@media all and (max-width: 960px) {
    
    /* ================================== */
    /*               Header               */
    /* ================================== */

    /* ================================== */
    /*             Background             */
    /* ================================== */


    /* ================================== */
    /*            Title & path            */
    /* ================================== */
    
    #header_title { max-width: 105%; }
    #path { font-size: 0.75em; }

    /* ================================== */
    /*               Article              */
    /* ================================== */

    /* article h2 { font-size: 1.5em; } */
    section.blok-none, section.non-text { width: 100%; }
    section.header { width: 100%; }
    /* article div.text { text-align: left; } */
    section .text_box .button img { margin: 3px 2%; }

    /* ================================== */
    /*               Media                */
    /* ================================== */
    
    section .akapit .banner { padding: 0 10%; }

    section.blok-mediabox div.text_box {
        width: 100%;
        float: none;
    }
    
    section.blok-mediabox figure {
        position: inherit;
        float: none;
        clear: both;
        width: 100%;
        height: 60vw;
    }
    section.akapit-mediabox .mediabox figure { height: 45vw; }
	
	/* ================================== */
	/*        Categories menu boxes       */
	/* ================================== */
	
    #categories_menu h2 { font-size: 2em; }
	#categories_menu div.box { width: 50%; height: 50vw; }
    #categories_menu div.double { width: 100%; height: 50vw; }
    .category_container .category_popup { width: 80%; }
  
    /* ================================== */
    /*              Shorctuts             */
    /* ================================== */

    #shortcuts { width: 100%; padding-right: 80px; float: none; padding-bottom: 0; }
    .header { width: 100%; clear: both; }
    .header div.text_box { padding-top: 50px; }

    /* ================================== */
    /*               Footer               */
    /* ================================== */

    footer dl.glowne { display: none; }
    footer dd { text-align: center; margin-top: 15px; }
    
    /* ================================== */
    /*          Imbir copyrights          */
    /* ================================== */

}

@media all and (max-width: 660px) {
	nav { height: 70px; }
    .header div.text_box { padding-top: 30px; }
	#logo figure img { height: 45px; margin: 10px; }
	#path { display: none; }
    
    h1, article h2 { font-size: 1.75em; }
	article div.box button { display: none; }
    section .akapit .banner { padding: 0 0%; }
    section.akapit-mediabox .mediabox figure { height: 40vw; }
    div.text_box, #shortcuts { padding: 60px; }
    div.text_box h2 { padding-bottom: 30px; }
    #shortcuts { padding-bottom: 0; }
	
	article table tr td { display: block; max-width: 100%; padding: 2px 0; margin-bottom: 2px; }
	article table tr td.empty { display: none; }
	article table tr.empty td.empty:first-of-type { display: block; padding: 0; margin: -5px 0; }
	article table tr { display: block; padding: 5px 0; }
	#categories_menu h2 { font-size: 1.75em; }
	#categories_menu div.double .arrow { left: 46%; }
    .category_container .category_popup { width: 90%; }
    
    /* Textarea Banners */
    section .text_box .figure { position: relative; width: 100%; height: 80px; margin-bottom: 20px; }
    section .text_box .banner { padding: 0; min-height: 80px; }
    section .text_box .banner p { padding: 0; }
    section .text_box .size_1 img { height: 40px; }
    section .text_box .size_2 img { height: 80px; }
    section .text_box .size_3 img { height: 160px; }
}

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

	nav { height: 62px; }
    #logo { padding: 0 16px 0 42px; }
	#logo figure img { height: 38px; }
    #header_title { margin-left: -110px; max-width: 125%; }
    h1, h2 { font-size: 1.2em; }
    div.text_box, #shortcuts { padding: 40px; }
    div.text_box h2 { padding-bottom: 20px; }
    section figure { display: none; }
	.non-text { display: none; }
    #shortcuts { display: none; }

	article table tr { padding: 2px 0; }
    #categories_menu .double > div, #categories_menu .triple > div { width: 100%; }
    #categories_menu div.box { width: 100%; height: auto; float: none; }
    #categories_menu div.box figure { display: none; }
    #categories_menu div.box button { display: none; }
	#categories_menu div.double .arrow { display: none; }
    .category_container .category_popup { width: 94%; }
	
	.info_popup  .popup { width: 90%; }
	.info_popup  .popup .title { line-height: 1.5; }
	.info_popup  .popup .message { line-height: 2.2; }

    /* Textarea Banners */
    section .text_box .figure { position: relative; width: 100%; height: 60px; margin-bottom: 10px; }
    section .text_box .banner { margin: 10px 0; min-height: 60px; }
    section .text_box .size_1 img { height: 30px; }
    section .text_box .size_2 img { height: 60px; }
    section .text_box .size_3 img { height: 120px; }
}

@media all and (max-height: 480px) {
	.info_popup  .popup { margin-top: 10px; }
	.info_popup  .popup .title { line-height: 1; }
	.info_popup  .popup .message { line-height: 1.2; }
}