body{font-family:Lora;background:linear-gradient(rgba(47,23,15,.65),rgba(47,23,15,.65)),url(../img/blocks-achtergrond.jpg);background-attachment:fixed;background-position:center;background-size:cover}
h1,h2,h3,h4,h5,h6{font-family:Raleway}
p{line-height:1.75}
.text-faded{color:rgba(255,255,255,.3)}
.site-heading{margin-top:2rem;margin-bottom:1rem;text-transform:uppercase;line-height:1;font-family:Raleway}
.site-heading .site-heading-upper{display:block;font-size:3rem;}
.site-heading .site-heading-lower{font-size: 1.25rem;
font-weight: 100;
line-height: 4rem;
letter-spacing: 3px;}
.page-section{margin-top:3rem;margin-bottom:4rem}

@media (max-width:991px) {
.page-section{margin-top:1rem;margin-bottom:3rem}
}

.section-heading{text-transform:uppercase}
.section-heading .section-heading-upper{display:block;font-size:2rem;font-weight:800}
.section-heading .section-heading-lower{display:block;font-size:1.6rem;font-weight:100}

@media (max-width:480px) {
.section-heading .section-heading-upper{display:block;font-size:1.5rem;font-weight:800}
}


.bg-faded{background-color:rgba(255,255,255,.85)}
#mainNav{background-color:rgba(36,41,45,.5);font-family:Raleway}
#mainNav .navbar-brand{color:#c39738}
#mainNav .navbar-nav .nav-item .nav-link{color:rgba(255,255,255,.7);font-weight:800}
#mainNav .navbar-nav .nav-item.active .nav-link{color:#e6a756}
@media (min-width:992px) {
#mainNav .navbar-nav .nav-item .nav-link{font-size:.9rem}
#mainNav .navbar-nav .nav-item .nav-link:hover{color:rgba(255,255,255,.4)}
#mainNav .navbar-nav .nav-item.active .nav-link:hover{color:#e6a756}
}
.btn-xl{font-weight:700;font-size:.8rem;padding:1.5rem 2rem}
.intro{position:relative}

.intro .intro-img{width:100%}

@media (min-width:992px) {
.intro .intro-img{width:75%;float:right}
.intro .intro-text{left:0;width:60%;margin-top:3rem;position:absolute}
.intro .intro-text .intro-button{width:100%;left:0;position:absolute;bottom:-2rem}
}
@media (min-width:1200px) {
.intro .intro-text{width:45%}
}
.cta{padding-top:1rem;padding-bottom:1rem;background-color:transparent}
.cta .cta-inner{position:relative;padding:3rem;margin:.5rem;background-color:rgba(255,255,255,.85)}
.cta .cta-inner:before{border-radius:.5rem;content:'';position:absolute;top:-.5rem;bottom:-.5rem;left:-.5rem;right:-.5rem;border:.25rem solid rgba(255,255,255,.85)}
@media (min-width:992px) {
.about-heading .about-heading-img{position:relative;z-index:0}
.about-heading .about-heading-content{margin-top:-5rem;position:relative;z-index:1}
}
@media (min-width:992px) {
.product-item .product-item-title{position:relative;z-index:1;margin-bottom:-3rem}
.product-item .product-item-img{position:relative;z-index:0;max-width:60vw}
.product-item .product-item-description{position:relative;z-index:1;margin-top:-3rem;max-width:50vw}
}
.list-hours{font-size:.9rem}
.list-hours .list-hours-item{border-bottom:1px solid rgba(230,167,86,.5);padding-bottom:.25rem;margin-bottom:1rem;font-style:italic}
.list-hours .list-hours-item.today{font-weight:700;color:#e6a756}
@media (min-width:992px) {
.list-hours{width:50%;font-size:1.1rem}
}
.address strong{font-size:1.2rem}
.footer{background-color:transparent}
.text-primary{color:#ffffff!important}
.bg-primary{background-color: rgba(36,41,45,.5) !important;}
.btn{box-shadow:0 3px 3px 0 rgba(33,37,41,.1)}
.btn-primary{background-color:#e6a756;border-color:#e6a756}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#df902a;border-color:#df902a}
.font-weight-light{font-weight:100!important}
.blimg{background-size:100% 900px;width:100%}
.wsb{color:rgba(255,255,255,.3)}
.wsb:hover{color:rgba(255,255,255,.8)}
.mmspa{color:#fff;font-size:30px;cursor:pointer}
.overlay{height:0;width:100%;position:fixed;z-index:1;top:0;left:0;background-color:#000;background-color:rgba(0,0,0,0.9);overflow-y:hidden;transition:.5s}
.overlay-content{position:relative;top:25%;width:100%;text-align:center;margin-top:30px}
.overlay a{padding:8px;text-decoration:none;font-size:36px;color:#999;display:block;transition:.3s}
.overlay a:hover,.overlay a:focus{color:#f1f1f1}
.overlay .closebtn{position:absolute;top:20px;right:45px;font-size:60px}
@media screen and (max-height: 450px) {
.overlay{overflow-y:auto}
.overlay a{font-size:20px}
.overlay .closebtn{font-size:40px;top:15px;right:35px}
}
.navh{width:50%}
@media (max-width:583px) {
.navh{width:30%}
.navbar-brand{max-width:50%}
}
.cont-p{flex:0 0 100%!important;max-width:100%!important}
.cta-hhh{position:absolute!important;margin-top:3rem!important}
@media (max-width:991px) {
.cta-hhh{position:relative!important;margin-top:1rem!important}
}

@media (max-width:480px) {
	.cta .cta-inner{padding: 2rem !important;}
	
}