html,body {
width:100%;
height:100%;
}
body {
font-size:16px;
font-family: 'Arial';
font-weight: 300;
color:#000;
line-height:1.3;
}

h1 {font-size:27px;}
h2 {font-size:20px;}

#page {padding:20px;background-image:url(images/SEF_Schloss_Lizenz.jpg);background-size:cover;background-position:50% 50%;height:100vh; display: flex;
  justify-content: center;
  align-items: center;}

#page .inner {border-radius:10px;padding:20px;background:rgba(255,255,255,0.8);width:100%;max-width:750px;text-align:center;}
#page .inner img {width:100%;max-width:400px;margin-bottom:30px;}


@media (min-width: 768px) {
body {font-size:20px;}
h1 {font-size:35px;}
h2 {font-size:25px;}


}