/* This file will hold styles that are loaded using the same media query as the wide grid. */

/* For some reason, in the wide layout, styles in normal don't override default. 
   This fixes it, though ideally we should NOT have to do this.
*/
@import url('queensweb-queensbase-alpha-default-normal.css'); 

/* Header Images */

.queensweb-header-text.grid-12 {
    margin-left: -590px; /* 1180/2 */
}

@media all and (min-width: 1500px) {
    
    /* At width 1500px, the header image height is 200px - so beyond this scale the image while keeping the container 200px high */
    .queensweb-header {
        height: 200px;
        padding-bottom: 0;         
    }  
    
    body.node-type-video-page .queensweb-header {
        height: auto;
        padding-bottom: 13.333333%; /* 200/1500 = .13333333 */
    }
}