/* MOBILE + SMALLER SCREENS */


@media only screen and (max-width: 1100px) {
    .page .legend { display: none; }
}

@media only screen and (max-width:960px) {
    #footer ul { float:right; }
}


@media only screen and (max-width:767px) {

    html, body { margin:0; padding:0; }
    body { background-color:#ee0779; padding:0; margin:0; width:100%; }

    ul#nav { display: none; }
    #header { position: relative !important; top:inherit; }
    
    .page,
    #pages,
    #wrapper { position: relative !important; }

    .news #wrapper {
        position: relative;
        overflow: auto;
        height: auto;
        min-height: auto;
        margin-top:-48px;
    }

    .page {  background-color:#000; }
    .page .video { min-width: 100%; background:none; top:30%; }

    .aside-img, #lb-image { display:none; }
    .aside, #lb-content { width:100%; }

    .bubble { right:20px; }

    #footer { height:auto; position: relative !important; padding-bottom: 20px; width:98%; }

    #footer-logo { display: block; position: relative;
        text-align: center; margin:0 0 20px 0; }

    #footer ul { width:auto; padding:0; clear: both; float: none;  }
    #footer ul>li { 
        display:block; float:none;
        margin:0 0 6px;
        padding: 6px 0 0 0;
        border-top:1px solid rgba(255,255,255,0.5);
        background:none;
    }

    #footer ul>li:first-child { border:none; }

    #news { left:0; margin-left:0; width:99%; }
    #news .news-item { width: 27%; }
    #news .news-item img { max-width: 100%; }

    #articles { width:100%; }
    #articles .article-hero { width:100%; }
    #articles .article,
    #articles>h1 { width:90%; padding:5%;}

    #articles>h1 { margin-top:65px; }
    #articles p img { max-width: 100%; }

    #articles iframe { width:100%; }
}