adding mobile support for some layouts

currently working on giving some of my layouts a mobile code.

full disclosure that i only test the mobile versions on safari. if something looks off, locate the new @media tag and change the widths or margins as needed. you can hide some transparent pngs with display:none; if they give too many issues. changes made in @media shouldn't affect the desktop themes. if something changes on both ends, check if there's a bracket or ; missing.

witch's labyrinth is the first to be reformatted (was the easiest.) the new code has already been added. if you're currently using the original version, please copy/paste the new @media section located directly under the style tag and above the scrollbar info.
changes are only visible on mobile. if something changes on desktop, make sure you only copied the media part (ends after the second bracket after .fam div and just before ::)

madohomu is next. might be ready in a couple days.
witch's notes can't really have a smooth mobile version without making it very small.
i'm more of a desktop-only coder, this is one that's intended solely for desktop.

some of my layouts will continue to be desktop only while others will have support for both. for future ones, i'll add a tag like [mobile/desktop] [desktop only] [mobile only] at the beginning of the description.