* {
    margin: 0;
    padding: 0;
}

.clearfix {
    overflow: auto;
}
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}
.center {text-align: center;}
.vcenter {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0.5em;
    right: 0.5em;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.op0 {opacity: 0;}
.op1 {opacity: 1;}

.red {color: #990000;}
.wide-text {
    letter-spacing: 0.1em;
}
h1 {padding: 2vh 0;}
html,body {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;

    /*position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;*/
    background-color: black;
    /*
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url('../images/logo.png');
    */
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2vmax;
}

#wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    color: #ffffff;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    /*background-image: url('../images/logo.png');*/
}
#info-win {
    width: 60vw;
    height: auto;
    position: absolute;
    left: 50%;
    margin-left: -30vw;
    top: 50%;
    margin-top: -100px;
    text-align: center;
    color: #dedede;
}
#info-win header {
    height: auto;
    padding: 2vh 0;
    margin-bottom: 3vh;
}
#info-win header.bg-image {
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    background-image: url('../images/logo.png');
    height: 10vh;
    margin-bottom: 3vh;
}
#info-win p {
    padding: 2vh 0;
}