/*- The Header */

                 header {position:relative;
                         box-shadow:inset 0px 2px 0px 0px #a4e271; 
                         margin:0; padding:36px 36px 0 36px; text-align:left;
                         vertical-align:top; height:70px;
                         background-color:#7E95B7;
                         background-image:url(../acc-i/backgroundHEADER-BW.png), linear-gradient(#1c2841,#7E95B7 70%);
                         background-repeat:no-repeat; background-position:86% -20%;}


header div:nth-child(1) {font-size:1.7em; font-weight:700; line-height:1.0em; letter-spacing:0.05em; color:white; text-shadow:2px 2px 2px #1c2841;}
header div:nth-child(2) {font-size:1.2em; font-weight:500; margin-top:4px; margin-left:8px; color:#1c2841; text-shadow:2px 2px 2px transparent;}  
header div:nth-child(3) {position:absolute; right:32px; bottom:0; margin:0; padding:0; width:100%; text-align:right;}

                         /*- Contact Us and Login Button */
         header #button {box-shadow:inset 0px 1px 0px 0px #a4e271;
                         background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
                         background-color:#89c403;
                         border-radius:6px 6px 0 0;
                         border-left:1px solid #74b807;
                         border-top:1px solid #74b807;
                         border-right:1px solid #74b807;
                         display:inline-block;
                         cursor:pointer;
                         color:white;
                         padding:4px 18px 4px 18px;
                         text-decoration:none;
                         text-shadow:0px 1px 0px #528009;}
   header #button:hover {background:linear-gradient(to bottom, #77a809 5%, #89c403 100%); background-color:#77a809;}


/*- Mobile Adjustment */
@media only screen and (max-device-width:760px) {
                                         header {padding:18px 18px 0 18px; text-align:center; height:84px; background-image:linear-gradient(#1c2841,#7E95B7);}  
                        header div:nth-child(3) {right:0; text-align:center;}}

/*- Desktop Adjustment */
       @media only screen and (max-width:760px) {
                                         header {padding:18px 18px 0 18px; text-align:center; height:84px; background-image:linear-gradient(#1c2841,#7E95B7);} 
                        header div:nth-child(3) {right:0; text-align:center;}}

/*- Desktop Adjustment (Adjust header height to fix the Contat Us, Hospital Login buttons. They need to set on top of the nav. ) */
       @media only screen and (max-width:620px) {
                                         header {height:107px;}}


/*- Media Notes */
/*- TOP LINE, max-device-width, mobile devices. */
/*- BOTTOM LINE, max-width, computer monitors. */