@font-face {
    font-family: 'SiemensSansGlobal-Bold';
    src: url(./fonts/SiemensSansGlobal-Bold.woff);
    src: url(./fonts/SiemensSansGlobal-Bold.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SiemensSlab-Roman';
    src: url(./fonts/SiemensSlab-Roman.woff);
    src: url(./fonts/SiemensSlab-Roman.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SiemensSlab-Bold';
    src: url(./fonts/SiemensSlab-Bold.woff);
    src: url(./fonts/SiemensSlab-Bold.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SiemensSansGlobal-Regular';
    src: url(./fonts/SiemensSansGlobal-Regular.woff);
    src: url(./fonts/SiemensSansGlobal-Regular.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

html {
    width: 100%;
}
body {
    width: 100%;
    margin: 0%;
    overflow: hidden;
}

.game-holder {	
    height: 100%;
    width: 100%;
    position: absolute;
}

.overlay {
    position: absolute;
    height: 100%;
    width: auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-color: #cceeed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    font-family: 'SiemensSansGlobal-Regular';
    font-size: 4.5vw;
}

.hide {
    display: none !important;
}

img {
    position: absolute;
    top: 30%;
    left: 30%;
    max-width: 40%;
    height: auto;
}

span.title {
    position: absolute;
    top: 55%;
    left: 24%;
    color: #024669;
    font-size: 10vw;
    text-shadow: 2px 2px #ffffff;
}

.blocking {
    pointer-events: none;
}