/* DGS Header */
.dgsHeader          { width: 100%; padding: 0; margin-bottom: 0; background: radial-gradient(#355997, #33ccff, #355997); }
.dgsHeaderLogo      { padding: 10px 0; width: auto; max-width: 225px; height: 100%; max-height: 100px; }
.dgsHeaderName              { color: white; text-shadow: 1px 2px 3px black; padding: 0; margin-top: 10px; margin-bottom: 0; min-height: 2.25em; }
.dgsHeaderName              { padding: 0 0 10px 0; margin: 0; }
.dgsHeaderName h1           { color: white; font-family: Lato, sans-serif; font-weight: 400; text-shadow: 1px 2px 3px black; margin: 0; }
.dgsHeaderName h1 small     { color: white; font-size: 50%; padding-left: 2em; font-style: italic; font-weight: 600; text-shadow: none; display: block; }
h1.dgsHeaderName            { color: white; font-family: Lato, sans-serif; font-weight: 400; text-shadow: 1px 2px 3px black; margin: 0; }
h1.dgsHeaderName small      { color: white; font-size: 50%; padding-left: 2em; font-style: italic; font-weight: 600; text-shadow: none; display: block; }
@media (min-width: 768px)   { /* for non-mobile devices */
    .dgsHeader              { margin-bottom: 20px; }
    .dgsHeaderLogo          { max-width: 200px; }
    .dgsHeaderName h1       { padding-bottom: 15px; }
    .dgsHeaderName h1 small { padding-bottom: 10px; }
    h1.dgsHeaderName        { padding-bottom: 15px; }
    h1.dgsHeaderName small  { padding-bottom: 10px; }
}
.dgsHeaderInfo                                      { position: absolute; bottom: 0; right: 0; margin-right: 3px; margin-bottom: 3px; text-shadow: none; }
.dgsHeaderInfo button                               { border: none; background-color: #5bc0de !important; padding: 2px 7px; border-radius: 7px; }
.dgsHeaderInfo button span                          { color: white !important; padding: 2px 3px; margin-right: 3px !important; }
.dgsHeaderInfo button span:nth-last-child(2)        { margin-right: 0 !important; }
.dgsHeaderInfo ul                                   { padding: 0.5em; background-color: #f0ad4e; color: white; }
.dgsHeaderInfo ul li.twoLines                       { line-height: 2.75em; }
.dgsHeaderInfo ul li.twoLines span:last-child       { width: 152px; /* or 82% */} 
.dgsHeaderInfo ul li span                           { color: white !important; margin-right: 0.5em !important; display: inline-block; vertical-align: middle; line-height: normal; }
.dgsHeaderInfo ul li span a                         { padding: 0; }
.dgsHeaderInfo2                                     { text-align: center; background-color: #5bc0de; margin-bottom: 0; padding: 2px 0; }
.dgsHeaderInfo2 .btn                                { padding: 1px 6px !important; }
.dgsHeaderInfo2 div button                          { background-color: #5bc0de; border: none; }
.dgsHeaderInfo2 div button span                     { color: white; padding: 2px 3px; }
.dgsHeaderInfo2 div ul                              { padding: 0.5em; background-color: #f0ad4e; color: white; min-width: 200px; }
.dgsHeaderInfo2 div ul li.twoLines                  { line-height: 2.75em; }
.dgsHeaderInfo2 div ul li.twoLines span:last-child  { width: 152px; /* or 82% */} 
.dgsHeaderInfo2 div ul li span                      { color: white !important; margin-right: 0.5em !important; display: inline-block; vertical-align: middle; line-height: normal; }
.dgsHeaderInfo2 div ul li span a                    { padding: 0; }

.dgsVAHWrapper      { width: 100%; display: table; }
.dgsVAHImage        { display: table-cell; vertical-align: middle !important; text-align: center; }
.dgsVAHText         { width: 100%; display: table-cell; vertical-align: middle !important; }
.dgsVAHImage img    { width: 100%; }
@media (min-width: 768px) { /* for non-mobile devices */
    .dgsHeaderName  { padding: 10px 0; }
    .dgsVAHImage    { float: none; }
    .dgsVAHText     { float: none; }
    .dgsVAHImage    { text-align: right; }
}