1/* Make layout more responsive on mobile devices... */
2@media (max-width: 800px) {
3	/* Fix appearance of table-of-contents. */
4	div.dokuwiki #dw__toc {
5		float: none;
6		font-size: 120%;
7		margin: auto;
8		width: auto;
9	}
10	/* Fix long URLs (links) breaking the viewport. */
11	a {
12		word-wrap: break-word;
13	}
14	/* Fix wide images breaking the viewport. */
15	img {
16		max-width: 100%;
17		margin: auto !important;
18	}
19}
20
21/* The following styles are useful even on non-mobile devices... */
22
23/* Fix images on the image detail page breaking the viewport. */
24div.img_big {
25        max-width: 100%;
26}
27.img_detail {
28	height: auto;
29	max-width: 100%;
30}
31
32/* Fix header of image detail page breaking the viewport. */
33.h1_img_detail {
34	word-wrap: break-word;
35}
36