* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style-type: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    position: absolute;
    height: 100%;
    width: 100%;
    font-size: 16px;
    color:white;
}
body:after{
    content:'';
    position:fixed;
    z-index:-1;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background: url(/Clients/images/disk02.jpg) no-repeat center;
    background-size: cover;
    filter: brightness(50%);
}


    body > * {
        margin: auto;
        text-align: center;
    }

    body > h1 {
        margin-top: 20vh;
        font-size: 3em;
    }

        body > h1 > span {
            margin: 0 .2em;
        }
        
    body > h2 {
        margin-top: 3vh;
        font-size: 1em;
        font-weight: lighter;
        padding: 0 2em;
    }

    body > h4 {
        margin-top: 2vh;
        font-weight: lighter;
        font-size: 2em;
        word-spacing: unset;
    }

        body > h4 > span {
            margin: 0 .5em;
        }

    body > div {
        margin-top: 5vh;
    }

        body > div > a {
            background-color: #58a9ff;
            color: #fff;
            width: 130px;
            line-height: 3em;
            border-radius: 2px;
            text-align: center;
            display: inline-block;
            border: 1px solid #58a9ff;
        }

    body > #copyright {
        display: block;
        width: 100%;
        text-align: center;
        line-height: 32px;
        text-shadow: 2px 2px 5px #322f2f;
        color: rgba(221, 255, 251, 0.9);
        font-size: 12px;
        margin-bottom: 15px;
        position: absolute;
        bottom: 0;
    }

@media screen and (max-width : 768px) {
    body > h1 {
        margin-top: 15vh;
        font-size: 2em;
    }

    body > h4 {
        margin-top: 3vh;
        font-size: 1.3em;
    }
}