.emergencyBox          { font-family: Arial, sans-serif; box-shadow: inset 0 -5px 7px rgba(0,0,0,0.1); z-index: 1000; position: relative; }
.emergencyBox.yellow   { background-color: #ffff99; }
.emergencyBox.red      { color: white; background-color: #bd0000;}
.emergencyBox.blue     { background-color: #C7E7FF;}

.emergencyBox .emergencyInner   { max-width: 960px; margin-left:auto; margin-right:auto; padding: 25px 0; color: black;}
.emergencyBox .emergencyContent { margin-left: 90px; }

.emergencyBox img      { float: left; width: 60px; margin-left: 10px;}
.emergencyBox h1       { font-size : 18px;  margin : 0; color : black; font-family : Arial, sans-serif; font-weight : bold;}
.emergencyBox.red h1   { font-size: 25px; color: white; text-shadow: 0 1px 5px rgba(0,0,0,0.8) }
.emergencyBox p        { font-size: 14px; padding: 15px 0; margin: 0 !important; line-height: 18px; }
.emergencyBox.red p    { font-size: 18px; color: white; line-height: 22px; }

/* Buttons */
.emergencyBox .emergencyInner a:link,
.emergencyBox .emergencyInner a:visited,
.emergencyBox .emergencyInner a:active,
.emergencyBox .emergencyInner a:hover             { box-sizing: border-box; text-decoration: none; display: inline-block; border-radius:4px; padding: 4px 15px; float: none !important; color: white !important; margin-left: 0; }

.emergencyBox.yellow .emergencyInner a:link,
.emergencyBox.yellow .emergencyInner a:visited    { background-color: #1869A8   }
.emergencyBox.yellow .emergencyInner a:hover      { background-color: #2B88D1   }

.emergencyBox.red    .emergencyInner a:link,
.emergencyBox.red    .emergencyInner a:visited    { background-color: maroon;   }
.emergencyBox.red    .emergencyInner a:hover      { background-color: #410606   }

.emergencyBox.blue   .emergencyInner a:link,
.emergencyBox.blue   .emergencyInner a:visited    { background-color: #1869A8   }
.emergencyBox.blue   .emergencyInner a:hover      { background-color: #2B88D1   }

@media (max-width: 640px)
{
    .emergencyBox img                        { display: none; }
    .emergencyBox a:link,
    .emergencyBox a:visited                  { width: 100%; font-size: 18px; margin: 20px 0 }
    .emergencyBox .emergencyInner            { padding: 15px }
    .emergencyBox .emergencyContent          { margin-left: 0; }
    .emergencyBox .emergencyContent p a:link { width: auto; display: inline-block; font-size: 14px; margin: 0; padding: 2px 10px; }
}