div.photo { margin: 20px 0 80px; }

div.photo img { display: block; max-width: 450px; margin: 0 auto; }

div.photo div.description { text-align: center; margin: 20px 0; color: white; }

div.text { max-width: 528px; margin: 0 auto; padding: 0 15px; }

div.text h1, div.text h2 { color: #78494d; font-size: 150%; text-align: left; font-style: normal; padding: 0; margin: 0 0 0.3em; }

div.text h2 { font-size: 115%; margin-top: 2em; }

div.text ul { margin: 0 0 1.5em 18px; padding: 0; }

div.text li { font-size: 100%; line-height: 1.5em; }

div.text p { font-size: 115%; line-height: 1.5em; }

div.text div.webetui-bgimg { height: 290px; background-size: contain; background-repeat: no-repeat; margin: 20px 0; }

div.text div.photo img { max-width: 100%; }

body.home div.text div.webetui-bgimg { height: 412px; }

body { background: #786f63; margin: 0; padding: 0; font: small "Lato",sans-serif; }

header { height: 120px; margin: 0 0 30px; background: #aaa297; /*background-image:url(/foto/header-bloemen.jpg); background-repeat:no-repeat; background-size:cover; background-position:center center;*/ }

header a { text-decoration: none; }

header h1 { color: #78494d; text-align: center; font-weight: 100; font-size: 200%; font-style: italic; margin: 0; padding: 50px 0; }

ul.menu { list-style-type: none; margin: 0 0 30px; padding: 0; display: block; display: flex; justify-content: center; }

ul.menu li a { color: black; text-decoration: none; display: block; padding: 8px 20px 8px 20px; font-size: 15px; letter-spacing: 2px; }

ul.menu li a:hover, ul.menu li a.selected { color: white; }

ul.menu li a.selected { background: #93897b; }

ul.menu li a:after { content: '-'; position: relative; left: 20px; }

ul.menu li:last-child a:after { content: ''; }

main { background: #93897b; }

main > a { text-decoration: none; }

main img.painting { display: block; }

main div.f { background: #93897b; }

main div.work { display: grid; grid-template-columns: 1fr; grid-gap: 10px; margin: 10px; }

main div.work img.painting { width: 100%; max-width: 550px; margin: 0 auto; }

body.home main div.work { display: block; }

footer { text-align: center; border-top: 1px solid #786f63; margin: 0 10px; padding: 30px 0; color: white; font-size: 15px; }

footer a { color: #78494d; color: white; }

footer address { font-style: normal; color: white; }

footer address a.instagram svg { font-size: 20px; margin: 0 4px 0 0; }

div.photo-zoom { background: black; left: 0; top: 0; width: 100vw; height: 100vh; position: fixed; overflow: auto; }

div.photo-zoom div.photos div.photo img { display: block; width: 100vw; margin: 20px 0 0 0; }

div.photo-zoom div.photos div.photo div.text { color: white; margin: 10px 0; text-align: center; }

div.photo-zoom a.zoom-close { display: block; position: fixed; right: 10px; top: 10px; width: 20px; height: 20px; transform: rotate(45deg); }

div.photo-zoom a.zoom-close:before { content: ' '; position: absolute; width: 2px; height: 20px; left: 9px; background: white; }

div.photo-zoom a.zoom-close:after { content: ' '; position: absolute; width: 20px; height: 2px; top: 9px; background: white; }

div.photo-zoom a.photo-next, div.photo-zoom a.photo-prev { display: none; }

@media screen and (min-width: 800px) { header { height: 150px; } header h1 { padding: 54px 0 50px 0; font-size: 278%; } main { max-width: 960px; margin: 0 auto; } main div.work { margin: 0 40px 30px 40px; display: grid; grid-template-columns: 1fr; grid-gap: 100px; } body.home main div.work { display: block; margin: 0; } body.home main div.work img.painting { max-width: 428px; margin: 0 auto 40px auto; } body.home div.photo img { max-width: 528px; } div.photo-zoom div.photos div.photo { display: none; } div.photo-zoom div.photos div.photo img { display: block; height: calc(100vh - 180px); width: auto; margin: 90px auto 10px auto; } div.photo-zoom div.photos div.photo div.text { color: white; margin: 20px auto; text-align: center; } div.photo-zoom a.zoom-close { display: block; position: absolute; right: 20px; top: 20px; width: 20px; height: 20px; transform: rotate(45deg); } div.photo-zoom a.zoom-close:before { content: ' '; position: absolute; width: 2px; height: 20px; left: 9px; background: white; } div.photo-zoom a.zoom-close:after { content: ' '; position: absolute; width: 20px; height: 2px; top: 9px; background: white; } div.photo-zoom a.photo-next, div.photo-zoom a.photo-prev { display: block; color: white; position: absolute; right: 40px; top: calc(50vh - 10px); font-size: 30px; } div.photo-zoom a.photo-next.photo-prev, div.photo-zoom a.photo-prev.photo-prev { left: 40px; right: auto; } }

/*# sourceMappingURL=cv.css.map */