/* Header */
#headerCourse { margin-bottom: 0; }
#nsIconTitle { display: flex; align-items: center; }
#nsIconTitle:hover { cursor: pointer; }


.header { 
    display: flex; background: linear-gradient( to right, #1f3040 ,#003a6a, #000b2b ) center no-repeat; 
    background-size: cover;
}



@media only screen and (max-width: 639px) {
    .header { padding: 10px 5px; }
    #headerTitle { font-size: 1rem; }
    .logo { height: 45px; width: 98px; margin: 8px 10px 8px 5px; }
}


@media only screen and (min-width: 640px) {
    .header { 
        position: relative;
        margin: 0 auto; padding: 10px 25px;
    }  
    .logo { height: 70px; width: 152px; margin: 8px 8px 8px 0} 
}