a {color: #405e44; text-decoration: none;}
a:hover {color: #000;}

body {background-image: url('/dist/img/bg.svg'); background-repeat: no-repeat; background-position: left bottom; background-size: 50vw 100vh; min-height: 100vh; padding: 0rem 1rem;}



.hero {min-height: 75vh; width: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative;}
.hero .text {margin: auto 0; padding: 25vh 0vh; color: #fff; text-shadow: 0px 0px 5px black; position: relative; z-index: 100;}
.hero .text h1 {font-size: 3.5rem; font-weight: bold;}
.hero .text h2 {font-size: 1.8rem;}
.hero .overlay {background-color: rgba(64, 95, 69, 0.66); width: 100%; height: 100%; z-index: 50; position: absolute; }

.btn-ghost {border: 2px solid #405e44; color: #405e44; font-weight: bold;}
.btn-success {border-color: #405e44; background-color: #405e44;}
.display-2 {}
.display-3 {font-size: 1.6rem; font-weight: bold; color: #405e44; }

p {line-height: 1.5rem 0rem; font-size: 0.9rem; line-height: 170%;}


.navigatie {background-color: #405e44; padding: 1rem 0rem; color: #fff; margin-bottom: 1rem;}
.navigatie li a {color: #fff;}


footer {border-top: 2px solid #405e44; padding: 3rem;}
footer .subline {color:#3e3e3e;}
footer .socials a {font-size: 2rem; margin: 0rem 0.3rem;}

.footer-end span {font-size: 0.7rem; margin-right: 10px;}