h1 { font-family: Helvetica, sans; font-size: 14px; letter-spacing: 1px; }

h2 { font-family: Georgia, serif; font-size: 20px; font-weight: 100; font-style: italic; }

.legal-notice { font-size: 10px; }

* { box-sizing: border-box; }

html, body { height: 100%; background: #333333; color: white; }

#container { position: relative; width: 100%; height: 100%; background: #354663 url(../img/background.jpg) repeat 50% 50%; z-index: 1; overflow: hidden; }

#content { width: 1140px; height: 641.25px; position: absolute; top: 50%; left: 50%; margin-left: -570px; margin-top: -320.625px; }

#coming-soon { font-family: Georgia, Times, serif; text-align: center; position: absolute; bottom: 0; right: 0; }

.stage { height: 100%; width: 100%; background: white; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 50px; -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 50px; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 50px; }
.stage img { width: 100%; height: 100%; }

.flip { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; }

.flip-back { display: block; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); background: #f1f1f1; }