@media screen and (min-width: 1000px){
header {
    text-align: center;
    position: fixed;
    z-index: 999;
    width: 100%;
    background-image: -webkit-gradient( linear,   left top, left bottom,   from(rgba(21,193,229, .7)),   to(rgba(21,193,229, 0.0))) !important;
    background-image: -webkit-linear-gradient( rgba(21,193,229, .7),   rgba(21,193,229, 0.0)) !important;
    background-image: -moz-linear-gradient( rgba(21,193,229, .7),   rgba(21,193,229, 0.0)) !important;
    background-image: -o-linear-gradient( rgba(21,193,229, .7),   rgba(21,193,229, 0.0)) !important;
    background-image: linear-gradient( rgba(21,193,229, .7),   rgba(21,193,229, 0.0)) !important;
    }


}

@media screen and (max-width: 999px){

    header {
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(21,193,229, .9)), to(rgba(21,193,229, .0)));
        background-image: -webkit-linear-gradient(rgba(21,193,229, .9), rgba(21,193,229, .0));
        background-image: -moz-linear-gradient(rgba(21,193,229, .9), rgba(21,193,229, .0));
        background-image: -o-linear-gradient(rgba(21,193,229, .9), rgba(21,193,229, .0));
        background-image: linear-gradient(rgba(21,193,229, .9), rgba(21,193,229, .0));
      

        
    }

    .blue {
        color: rgba(251,251,252, 1);
    }

}