body,html {height: 100%}
*, *:before, *:after {box-sizing: border-box;}
body {font-family: Verdana, Geneva, sans-serif; font-size: 16px; line-height: 1.6em; font-weight: normal; color: #333; background-color: #FFF; margin: 0px; padding: 0px; 
background: url(../images/friet.jpg) no-repeat center center fixed; background-size: cover; }
.container {height:100%;}
.content { margin: 0px auto; padding: 15px; max-width: 900px; height: 100%; text-align: center; background-color:rgba(255,255,255,.85) }
ul.menu { list-style:none;}
ul.menu li {margin: .5em 0;}
.menu-kop { margin:2em 0 0 0; font-weight:700;}
.social { font-size:13px; margin-top:32px;}
a { color: #38B54A; text-decoration: underline; }
a:hover { text-decoration: none; }
h1 {font-size:24px; font-weight:bold; margin:24px 0 30px 0;}
h2 {font-size:16px; font-weight:bold; margin:5px 0 0 0;}
address { font-style: normal; margin-top:100px; }
.navigatie { margin-top:60px;}
img { max-width:100%;}
@media only screen and (min-width: 640px) {
.scontainer {display: flex; justify-content: center; align-items: center; height:100%;}
.content {height: auto;padding: 30px 60px;}
}