footer {
background-color:#005596;
}
.footer-container, .footer-container a, .footer-container span {
    color: #FFFFFF;
}

h1-video, h2-video {
  color: white;
  font-family: Trebuchet MS;
  font-weight: bold;
  text-align: center;
}

h1-video {
  font-size: 30px;
  margin-top: 30vh;
}

h2-video { font-size: 20px; }

#videoDiv2 {width:100%; hight:100px; margin:auto; display:block; position: relative;} /* This has been changed */
#video2{width:100%; height:auto% } /* This has been changed from auto */
#videoMessage2 { position: absolute; top: 0; left: 0;
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center; 
width: 100%;
height: 100%;}
#videoMessage2 *{padding:0.4em; margin:0}
#videoMessage2 {text-shadow: 2px 2px 2px #000000; color:white;z-index:99 }
#videoMessage2 h1-video{font-size: 3.6em;color:#ffffff;text-align:center;}
#videoMessage2 h2-video{font-size: 1.5em;color:#ffffff;text-align:center;}

#videoMessage2-m { position: absolute; top: 0; left: 0;
display: flex;
flex-direction: column; 
justify-content: center;
align-items: center; 
width: 100%;
height: 100%;}
#videoMessage2-m *{padding:0.4em; margin:0}
#videoMessage2-m {text-shadow: 2px 2px 2px #000000; color:white;z-index:99 }
#videoMessage2-m h1-video{font-size: 2.6em;color:#ffffff;text-align:center;}
#videoMessage2-m h2-video{font-size: 1.5em;color:#ffffff;text-align:center;}

.videoClick {text-align:center}
.videoClick a{color:rgba(248,205,53);background-color:rgba(0,0,128,0.75);font-size: 2em;cursor:pointer;cursor:hand;border-radius: 25px}
.videoClick-m {text-align:center}
.videoClick-m a{color:rgba(248,205,53);background-color:rgba(0,0,128,0.75);font-size: 1.2em;cursor:pointer;cursor:hand;border-radius: 25px}

.watermark{width: 75%;}


 @media (min-width : 320px) and (max-width : 480px),
    (min-width : 375px) and (max-width : 667px) {
    /* Styles */
    .watermark{width: 100%;}
    }
    /* iPads (portrait) --- */
    @media (min-width : 768px) and (max-width:1024px) {
    /* Styles */
    .watermark{width: 100%;}
    }
