.bgoverlay {
    position: fixed;
    padding: 10%;
    top: 0px;
    display: block;
    vertical-align: middle;
    margin: 0 auto;
}

.overlaytxt {
    display: none;
}

@media screen and (max-width: 889px) {
    .overlaytxt {
        display: block;
    }

    p {
        font-size: 6vw;
        font-family: "vcr";
        color: white;
        text-shadow: 2px 2px 10px black;
    }

    .chp {
        position: fixed;
        top: 8%;
        left: 60px;
    }

    .home {
        position: fixed;
        top: 8%;
        right: 60px;
        z-index: 2;
    }

    .none {
        position: fixed;
        top: 50%;
        left: 35vw;
        width: 100vw;
    }
}

@media screen and (min-width: 890px) {

    .overlaytxt {
        display: block;
    }

    p {
        font-size: 5vw;
        font-family: "vcr";
        color: white;
        text-shadow: 2px 2px 10px black;
    }

    .chp {
        position: fixed;
        top: 2%;
        left: 60px;
    }

    .home {
        z-index: 2;
        position: fixed;
        top: 2%;
        right: 60px;
    }

    .none {
        position: relative;
        top: 300px;
        text-align: center;
        display: block;
        vertical-align: middle;
        left: 35vw;
        
    }

}

@font-face {
    font-family: "vcr";
    src: url(fonts/VCR_OSD_MONO_1.001.ttf);
}

@media screen and (max-width: 1920px) {
    #border {
        display: none;
    }
}

@media screen and (min-width: 1921px) {
    #border {
        display: block;
    }
}

@media screen and (max-height: 1080px) {
    #border {
        display: none;
    }
}

@media screen and (min-height: 1080px) {
    #border {
        display: block;
    }
}