@font-face{font-family:Europa;src:url(../fonts/europa-light.woff) format("woff"),url(../fonts/europa-light.ttf) format("truetype");font-weight:200}
@font-face{font-family:Europa;src:url(../fonts/europa-regular.woff) format("woff"),url(../fonts/europa-regular.ttf) format("truetype");font-weight:400}

body{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  font-smoothing:antialiased;
  -webkit-font-variant-ligatures:no-common-ligatures!important;
  font-variant-ligatures:no-common-ligatures!important;
}

html, body  { height: 100%; }

body        { margin: 0; padding: 0; width: 100%; display: table; font-weight: 200; 
              font-family: 'Europa', Helvetica, sans-serif; font-size: 16px; color: #333; line-height: 1.6em; }

.container  { text-align: center; display: table-cell; vertical-align: middle; padding: 2em; }

.container p { text-align: left; }

.container p.title { font-weight: 400; font-size: 2.5em; line-height: 1em; margin: 0 auto 0.75em; }            

a { text-decoration: none; color: #333; padding-bottom: 0.05em; border-bottom: 1px #999 solid; }

.tap { color:#00adef; border-bottom: 1px #00adef solid; }
.wunder { color:#ec008b; border-bottom: 1px #ec008b solid; }            

@media (min-width: 430px) {
  
  .container p.title { text-align: center; }
  .container p { max-width: 360px; margin-left:auto; margin-right: auto; text-align: justify; }

}