#header {}
@media (min-width: 900px) {
    #header {
        padding-top: 225px;
        margin-bottom: 150px;
    }
}
@media (max-width: 899.99px) {
    #header {
        padding-top: 150px;
        margin-bottom: 75px;
    }
}

/*----------------------------------------------------------------------------------------*/

#header > .content-wrapper {
    text-align: center;
    color: #FFF;
}
#header > .content-wrapper > .title {
    max-width: 950px;
    margin: 0 auto;
    
    font-weight: 700;
}
#header > .content-wrapper > .title > span { font-weight: 100; }
@media (min-width: 1100px)    { #header > .content-wrapper > .title { font-size: 60px; } }
@media (max-width: 1099.99px) { #header > .content-wrapper > .title { font-size: 30px; } }