* { margin:0; padding:0; }
html { font-size: 14px; line-height: 20px; font-family: 'Montserrat', sans-serif; }
body { background-color: #e5f4ed; }
h1 { font: 28px 'Montserrat', sans-serif; line-height:calc(1em + 0.5vw); }
h2 { font: 20px Cambria, Georgia, serif; line-height:calc(1em + 0.5vw); }
p { margin: 10px 0px 15px 0px; }
a:link, a:visited { text-decoration: none; color: #000; }

@media (min-width: 600px) { 
.scherm { 
	display:grid;
	grid-template-columns: 1fr 1100px 1fr;
	justify-content: center;
	background-color: #e5f4ed; }
}

.wrapper { 
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr auto }

.container { 
	display: grid;
	grid-template-columns: repeat(20, 1fr);
	grid-template-rows: repeat(10, 50px) auto; }

.achtergrond { background-image: url("afbeeldingen/bloemen-patroon.png"); background-repeat: no-repeat;}
.knoppen { }
.header { }

.logo { grid-column: span 6 / -2; grid-row: 3 / span 4; justify-self:end; align-self: center; z-index: 20; }
.fotoalice { grid-column: span 5 / -2; grid-row: 7 / span 5; justify-self:end; z-index: 15; }


.menu { grid-column: 3 / span 4; grid-row: 6 / span 5; justify-self:start; z-index: 25; }

.inhoud { grid-column: 4 / span 15; grid-row: 5 / span 20; z-index: 5; }
.inhoud { padding: 90px 240px 20px 140px; background-color: #bba3c1; }
.ddtest { margin: 50px auto; display: block; text-align: center; font: calc(0.7em + 0.5vw) Cambria, Georgia, serif; line-height:calc(1em + 0.5vw);}

#footer { position: relative; width: 1100px; height: 170px; background-color:#81b69d; z-index: 30; }
.lijn { position: absolute; margin-top: -5px; }
.fadres { position: absolute; left: 90px; top: 30px; }
.fstatement { position: absolute; bottom: 20px; right: 20px; }
.flogos { position: absolute; top: 20px; right: 20px; }
.flogos img { vertical-align: top; }