#header {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f0f0f0, #ffffff, #ffffff); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f0f0f0, #ffffff, #ffffff); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f0f0f0, #ffffff, #ffffff); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f0f0f0, #ffffff, #ffffff); /* Standard syntax */
    height: 27px;
    border-color: #0062a9;
    border-bottom-style: solid;
    border-bottom-width: 25px;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
}

@media screen and (min-width: 1030px) {
    #header:before {
        content: '';
        position: absolute;
        top: 102px;
        right: 0;
        border-bottom: 25px solid #3586c1;
        border-left: 25px solid #0062a9;
        width: 0;
    }
}