@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;800&family=Young+Serif&display=swap');

html,body {
height: 100%;
background: #fff;
font-family: 'Open Sans', sans-serif;
}

body:before, body:after {
content: "";
position: fixed;
background: #fff;
left: 0;
right: 0;
height: 30px;
}
body:before {
top: 0;
}
body:after {
bottom: 0;
}
body {
border-left: 30px solid #fff;
border-right: 30px solid #fff;
}

.vh { min-height: 100vh; }
main { background: background: rgb(221, 221, 221);
    background: linear-gradient(221deg, rgba(221, 221, 221, 1) 0%, rgba(238, 238, 238, 1) 100%);}
.p0 { margin: 0px; padding: 0px;}
#mensen-met-vraag { background: #940f10; padding: 70px; color: #fff; text-align: left; }
#mensen-met-vraag a { color: #fff; }
#professionals {  padding: 70px; color: #333; text-align: left; background: rgb(221, 221, 221);
    background: linear-gradient(221deg, rgba(221, 221, 221, 1) 0%, rgba(238, 238, 238, 1) 100%);}
#professionals a { color: #940f10; }
#contact { background: #fff; padding: 70px; color: #333; }
#contact a { color: #940f10; }
#contact h2, #contact h3 { color: #940f10; }
#intro .introtext { padding: 50px; }
#intro h1 { font-size: 24px; padding-top: 20px; }
#intro h2 { font-size: 20px; }
a.bred { background: #940f10; color: #fff; } 
a.bred:hover { background: #cd1617; color: #fff; } 

#btn-back-to-top {
position: fixed;
bottom: 30px;
right: 30px;
display: none;
background: #940f10;
}

@media (max-width: 600px) {
    .vh { min-height: 50vh; }
#mensen-met-vraag { background:#940f10; padding: 70px 20px;; color: #fff; }
#mensen-met-vraag a { color: #fff; }
#professionals { background: #ddd; padding: 70px 20px; color: #333; }
#contact { background: #fff; padding: 70px 20px ; color: #333; }
#intro .introtext { padding: 50px 20px; }
}