.thePage {
    width:100%;padding-bottom:0;top:0;z-index:3;
    }
.fullscreen-bg {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    position:absolute;
    z-index:1;
}
.fullscreen-bg__video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    z-index:1;
    scroll-behavior:auto;
    margin-bottom: 1100px;
}

.videoOverlay{
    position:absolute;top:0;left:0;width:100%;height:100%;
    background-color:rgba(14, 46, 71, 0.85);
    z-index: 2;
}
    
h1 {
    color:white; font-family: 'Roboto', sans-serif; font-weight: 400; letter-spacing: 2px
}

p {
    color: white; font-family: 'Roboto', sans-serif; font-weight: 100 letter-spacing: 2px
}

a {color: white;}

header {
    position:relative;margin-top:0;margin-left:0;
    width: 255px; height: 50px; top: 0px; left: 0px; z-index:100;
}

.logoImage{
    object-position: 50% 50%; width: 255px; height: 50px; object-fit: cover;
}

article {
    position:relative;width:100%;z-index:200;
}
.announcement {
    text-align: center; margin-top: 80px; margin-left: 30px; margin-right: 30px;
}

footer {
    margin-left: 0px; width: 100%; height: 50px; position: fixed; z-index: 500; left: 0px; top: auto; bottom: 0px; background-color: lightgray
}
.byline {
    text-align: center; margin-top: 16px; color: rgb(14, 46, 71); font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif
}

@media (max-width: 767px) {
    .fullscreen-bg {
        background: url('media/skyScape.webp') center center / cover no-repeat;
    }
    .fullscreen-bg__video {
        //display: none;
    }
}