/******************************************************************************
 * TheDailyZilch/public/css/media.css
 */

    @media (min-width: 768px) {
        #inner {
            width: 95%;
            margin: 6px 2.5%;
        }

        #title {
            width: 50%;
        }

        #banner_ad_upper {
            display: block;
        }

        #banner_ad_lower {
            display: none;
        }

        .headline {
            font-size: 5em;
        }

        .subheadline {
            font-size: 2.25em;
        }

        .image_small {
            display: none;
            visibility: hidden;
        }

        .image_regular {
            display: block;
            visibility: visible;
        }

        .stocks_and_shares p {
            width: calc(50% - 6px);
        }

        .stocks_and_shares div {
            width: calc(50% - 6px);
        }

        .maggie_mage_title_text {
            width: calc(75% - 6px);
        }

        .maggie_mage_logo {
            width: calc(25% - 6px);
            aspect-ratio: 1 / 0.6;
        }

        .maggie_mage_image {
            width: 20%;
            aspect-ratio: 1 / 1.2;
            clear: both;
            float: left;
        }

        .maggie_mage_letters {
            width: calc(80% - 6px);
            margin-top: 0px;
            margin-left: 6px;
            height: auto;
        }

            .friktata_letters {
                width: calc(100% - 1px);
            }

        .maggie_mage_column {
            width: calc(50% - 6px);
        }

        .maggie_mage_column:last-child {
            width: 50%;
            margin: 0px 0px 0px 6px;
        }

        .small_headline {
            font-size: 3.8em;
        }

        .small_author {
            height: 3.2em;
            width: auto;
            font-size: 18px;
        }

        .article_column {
            border-top: solid 2px #000;
            width: calc(50% - 6px);
        }

        .article_column:last-child {
            /* border-left: solid 1px #000; */
            padding-left: 6px;
        }

        .article_column:first-child {
            border-right: solid 1px #000;
        }

        .cludge_header {
            width: 20%;
        }

        #cludge_content .subheadline {
            font-size: 3.75em;
        }
    }

    @media (min-width: 976px) {
        #inner {
            width: 90%;
            margin: 6px 5%;
        }

        .small_headline {
            font-size: 5em;
        }

        .small_author {
            height: 3.8em;
            width: auto;
            font-size: 20px;
        }

        #cludge_content .subheadline {
            font-size: 4em;
        }
    }

    @media (min-width: 1200px) {
        #inner {
            width: 80%;
            margin: 6px 10%;
        }
    }

    @media (min-width: 1400px) {
        #inner {
            width: 75%;
            margin: 6px 12.5%;
        }
    }