.infobox1 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:#fdfd96; 
   text-align:center; 
   color:Black;
   padding-bottom:25px; 
   padding-top:25px; 
}

.infobox2 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:#ffb347; 
   text-align:center; 
   color:Black;
   padding-bottom:25px; 
   padding-top:25px; 
}

.infobox3 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:#ff6961; 
   text-align:center; 
   color:White;
   padding-bottom:25px; 
   padding-top:25px; 
}

.infobox4 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:#3f3f34; 
   text-align:center; 
   color:White;
   padding-bottom:25px; 
   padding-top:25px; 
}

.infobox5 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:#fae9c0; 
   text-align:center;
   font-size:large; 
   color:Black;
   padding-bottom:100px; 
   padding-top:35px; 
   z-index: 99;
}

.infobox6 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:Yellow; 
   text-align:center;
   font-size:large; 
   color:Black;
   padding-bottom:80px; 
   padding-top:20px; 
   z-index: 99;
}

.infobox7 {
   position:fixed; 
   left:0; 
   bottom:0; 
   width:100%; 
   background-color:GhostWhite; 
   text-align:center;
   font-size:large; 
   color:Black;
   padding-bottom:80px; 
   padding-top:20px; 
   z-index: 99;
}

.secPolHolder 
{
    margin:10px 0px 10px 60px; 
    text-align:left;
}

.fadeMeOutOver5Seconds 
{
    animation: fadeOut 5s;
    animation-fill-mode: forwards;
}

.versionText 
{
    text-align:center; 
    font-size:11px; 
    color: #3a8abf; 
    margin-top: -10px; 
    margin-right:20%;   
}

.headerTextLeftMargin 
{
    margin:2px;   
}

@keyframes fadeOut {
  0% { opacity: 1; }
  40% { opacity: 1; }
  99% { opacity: 0; }
  100% { opacity: 0; visibility: hidden; }
}