/* @media screen and (min-width: ~435px) */
@media screen and (min-width: 27.15em) {
    /* Page Header styles */
    #page-header h1 {
        background-image: url("../img/logo-wabe-horizontal-medium.png");
        height: 63px;
        width: 260px;
        display: inline-block;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {
        #page-header h1 {
            background-image: url("../img/logo-wabe-horizontal-medium@2x.png");
            background-size: 260px 63px;
        }
    }

    /* Latest Stories */
    .latest-stories article.wrapper {
        width: 100%;
    }
}

/********************************************
    4 Column Grid
    ----------------------------------------
    Padding  | #  1   2   3   4   |  Padding
    2.55555% | %  25  50  75  100 | 2.55555%
********************************************/
/* @media screen and (min-width: 640px) */
@media screen and (min-width: 40em) {

    #page-header h1 {
        background-image: url("../img/logo-wabe-horizontal-medium.png");
        height: 63px;
        width: 260px;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {
        #page-header h1 {
            background-image: url("../img/logo-wabe-horizontal-medium@2x.png");
            background-size: 260px 63px;
        }
    }

    .container {
        padding: 1em 2.555555555555555%;
    }

    .btn {
    	font-size: .8em;
        font-weight: 400;
    }

    /* Latest Stories */
    .latest-stories article.wrapper {
        float: left;
        width: 50%;
    }

}

/********************************************
    8 Column Grid
    ----------------------------------------
    Padding  | #  1     2   3     4   5     6   7     8   |  Padding
    5.55555% | %  12.5  25  37.5  50  62.5  75  87.5  100 | 5.55555%
********************************************/
/* @media screen and (min-width: 720px) */
@media screen and (min-width: 45em) {
    .container {
        padding: 2em 5.555555555555555%;
    }

    /* Breaking news banner */
    #breaking-news {
        padding-bottom: .75em;
        padding-top: .75em;
    }

    #breaking-news h3 {
        font-size: 1em;
    }

    /* Main and aside in 2 columns */
    #content main,
    #content aside {
        float: left;
        width: 70%;
    }

    #content aside {
        width: 30%;
    }
}

/* Temporary placeholder for wide banner ad */
/* @media screen and (min-width: 750px) */
@media screen and (min-width: 46.875em) {
    .advert-wide a {
        height: 90px;
        width: 728px;
    }
}

/* @media screen and (min-width: 800px) */
@media screen and (min-width: 50em) {
    #page-header h1 {
        background-image: url("../img/logo-wabe-horizontal.png");
        height: 92px;
        width: 384px;
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {
        #page-header h1 {
            background-image: url("../img/logo-wabe-horizontal@2x.png");
            background-size: 384px 92px;
        }
    }

    .footer-links li {
        margin-right: 1.5em;
    }
}

/* @media screen and (min-width: 1050px) */
/*
@media screen and (min-width: 65.625em) {

    .header-google-search {
        max-width: 16.8em;
    }

    .nav-primary li {
        display: inline-block;
    }

    .nav-primary li a {
        border-bottom: 0;
        border-bottom: 1px solid #eee;
    }

    .nav-primary li.menu-item-has-children > a {
        background: transparent url("../img/icon-down-arrow.png") no-repeat 88% 50%;
        background-size: 10px 5px;
        padding-right: 1.9em;
    }

    .nav-primary li.menu-item-has-children > ul {
        border: 1px solid #d2d2d2;
        min-width: 10em;
        box-shadow: -0.05rem 0.25rem 0.25rem rgba(0, 0, 0, 0.25);
    }

    @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
    only screen and (-moz-min-device-pixel-ratio: 1.5),
    only screen and (-o-min-device-pixel-ratio: 3/2),
    only screen and (min-device-pixel-ratio: 1.5) {
        .nav-primary li.menu-item-has-children > a {
            background-image: url("../img/icon-down-arrow@2x.png");
        }
    }

    .nav-primary li.menu-item-has-children:hover .sub-menu {
        display: block;
    }
}*/

/* @media screen and (min-width: 1000px) */
@media screen and (min-width: 62.5em) {

}

/* @media screen and (min-width: 1392px) */
@media screen and (min-width: 87em) {

}

/********************************************
    16 Column Grid
    ----------------------------------------
    Padding  | #  1     2     3      4   5      6     7      8   9     10       11     12  13     14    15    16  |  Padding
    5.55555% | %  6.25  12.5  18.75  25  31.25  37.5  43.75  50  56.25 62.5  68.75  75  81.25  87.5  93.75 100 | 5.55555%
********************************************/
/* @media screen and (min-width: 1872px) */
@media screen and (min-width: 117em) {

}