#blue-intro { background: #00BBDC; padding: 92px 0 0; height: 366px; box-sizing: border-box; }
    #blue-intro > .c { width: 900px; margin: 0 auto; color: white; }
        #blue-intro > .c > h2 { text-align: center; margin-top: 0; font-size: 32px; }

/*small-desktop*/
@media(min-width:1440px) and (max-width:1799px) {
    #header-a > .menu { margin-left: -200px; }
    #header-b > .menu { margin-left: -200px; }
        #header-b > .menu > .entry { margin: 0 15px; }
}

@media (min-width: 1024px) and (max-width: 1439px) {
    #header-b > .menu > .entry { margin: 0 10px; font-size: 12px; }
}

@media(max-width:1023px) {
    #blue-intro { padding: 45px 0 0; height: 235px; }
        #blue-intro > .c { width: 566px; font-size: 14px; }
            #blue-intro > .c > h2 { font-size: 22px; }
}

@media(max-width:767px) {
    #blue-intro { height: auto; padding: 30px 0 40px; }
    #blue-intro > .c { width: auto; margin: 0 10px; }
}

@media (min-width: 1440px) and (max-width: 17d99px) {
    #header-b > .menu { margin-left: -140px; }
        #header-b > .menu > .entry { margin: 0 15px; }
}