/*
*
* !DO NOT EDIT THE CSS FILES, THEY ARE BUILT WITH THE LESS CSS!
* less/content/headers/less
*
* ---------------------------
* Styles associated with the page headings
* ---------------------------
*/
@import "../_mixins/all.less";

#pagetitle {
    margin: 0 0 0.6em 0;
    
    h1 {
        line-height: 1;
        font-family: @impactFont;
        font-size: 1.7em;
        font-weight: bold;
        letter-spacing: -0.038em;
        padding-bottom: 0.1em;
        word-spacing: -0.05em;
        .baseText();
        text-decoration: none;
    }
}
#maincontent, #colorbox {

    h1, h2, h3, h4, h5, h6 {
        line-height: 1.2;
        padding-bottom: 0.3em;
        font-family: @impactFont;
        .baseText();
        font-weight: bold;
        padding-top: 0.4em;
    }
    
    h4, h5, h6 {
        padding:0.1em 0 0.2em 0;
    }
    
    h1 {
        font-size: 1.6em;
    }
    
    h2 {
        font-size: 1.5em;
    }
    
    h3 {
        font-size: 1.4em;
    }
    
    h4 {
        font-size: 1.3em;
    }
    
    h5 {
        font-size: 1.2em;
    }
    
    h6 {
        font-size: 1.1em;
    }
    
    .sec_header {
        background: none;
        border-bottom: 1px solid #cecece;
        position: relative;
        padding: 0;
        margin: 3px 0 1.01em 0;
        position: relative;
        clear: left;
        &:after {
            position: absolute;
            .linear-gradient(rgba(237,237,237,1), rgba(255,255,255,0));
            bottom: -7px;
            width: 100%;
            height: 5px;
            left: 0;
            content: '';
        }
    }
}

@media (min-width: 320px) {
    
}
@media (min-width: 480px) {

}
@media (min-width: 600px) {

}
@media (min-width: 768px) {
    #pagetitle {
        margin: 0 0 1.125em 0;
        
        h1 {
            font-size: 2em;
        }
    }
    #maincontent, #colorbox {
        h1 {
            font-size: 2em;
        }
        
        h2 {
            font-size: 1.8em;
        }
        
        h3 {
            font-size: 1.6em;
        }
        
        h4 {
            font-size: 1.4em;
        }
        
        h5 {
            font-size: 1.3em;
        }
        
        h6 {
            font-size: 1.1em;
        }
    }
}
@media (min-width: 960px) {

}
@media (min-width: 1040px) {

}