/* Mobile
   (all and (max-width: 740px))
*/


/* Default */
@media all and (min-width: 740px) {
    
    #header-content-section-wrapper,
    body.front #header-content-section-wrapper
    {
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 25%, #dce1e7 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#dce1e7)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #ffffff 25%,#dce1e7 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #ffffff 25%,#dce1e7 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #ffffff 25%,#dce1e7 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #ffffff 25%,#dce1e7 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dce1e7',GradientType=0 ); /* IE6-9 */
        background-attachment: fixed;
    }   
    
}


/* Narrow Layout */
@media all and (min-width: 740px) and (min-device-width: 740px), (max-device-width: 800px) and (min-width: 740px) and (orientation:landscape) {
 
    
}

/* Normal Layout */
@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape) {
    
    
}


/* Wide Layout */
@media all and (min-width: 1220px) {
    
    
}