body{font-family:'Abel','Helvetica Neue',Helvetica,Arial,sans-serif;position:relative;width:100%;height:100%;color:#fff;background-color:#000}

html{width:100%;height:100%}

h1,h2,h3,h4,h5,h6{font-family:'Abel', Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700;margin:0 0 35px;letter-spacing:1px;}

h1,h2{text-transform:uppercase}

p{font-size:16px;line-height:1.5;margin:0 0 25px}


@media (min-width:768px){p{font-size:18px;line-height:1.6;margin:0 0 35px}}

a{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#222; text-decoration: underline}

nav a{text-decoration: none}

a:focus,a:hover{text-decoration:none;color:#1d9b6c}

#mainNav{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;margin-bottom:0;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.3);background-color:#7ec54e}

#mainNav .navbar-toggler{font-size:14px;padding:11px;color:#fff;border:1px solid #fff; background-color: #1b9b49;}

#mainNav .navbar-brand{font-weight:700; font-family: 'Amatic SC',cursive; font-size: 36px; text-shadow: 2px 2px 4px black;}

#mainNav a{color:#fff}

#mainNav .navbar-nav .nav-item{-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out}

#mainNav .navbar-nav .nav-item:hover{color:fade(white,80%);outline:0;background-color:transparent}

#mainNav .navbar-nav .nav-item:active,#mainNav .navbar-nav .nav-item:focus{outline:0;background-color:transparent}
@media (min-width:992px)
	{
		#mainNav{padding-top:20px;padding-bottom:20px;-webkit-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;-moz-transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;transition:background .3s ease-in-out,padding-top .3s ease-in-out,padding-bottom .3s;letter-spacing:1px;border-bottom:none;background:0 0}
		
		#mainNav.navbar-shrink{padding-top:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.3);background:#3C5C23}
		
		#mainNav .nav-link.active{outline:0;background-color:rgba(255,255,255,.3)}
		
		#mainNav .nav-link.active:hover{color:#fff}
	}

.masthead{display:table;width:100%;height:auto;padding:200px 0;text-align:center;color:#fff;background:url(../img/oszietgroot.jpeg) no-repeat bottom center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.masthead .intro-body{display:table-cell;vertical-align:middle}

.masthead .intro-body .brand-heading{font-size:50px; color: #FFF; font-family:'Amatic SC',cursive;}

.masthead .intro-body .intro-text{font-size:18px; color:#FFF}

@media (min-width:768px)
	{	
		.masthead{height:100%;padding:0}
		
		.masthead .intro-body .brand-heading{font-size:100px; color: #FFF; font-family: 'Amatic SC', cursive;}
		
		.masthead .intro-body .intro-text{font-size:22px}
	}

.btn-circle{font-size:26px;width:55px;height:55px;margin-top:15px;line-height:38px;-webkit-transition:background .3s ease-in-out;-moz-transition:background .3s ease-in-out;transition:background .3s ease-in-out;color:#fff;border:2px solid #fff;border-radius:100%!important;background:0 0}

.btn-circle:focus,.btn-circle:hover{color:#fff;outline:0;background:rgba(255,255,255,.1)}

.content-section{padding-top:150px;padding-bottom:150px; background: #137a38; color: #FFF}

.download-section{color:#fff;background:url(../img/downloads-bg.jpg) no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.welkom-section{padding: 50px 20px 50px 20px; color:#FFF; text-align: center; background-color:darkgreen;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

@media (min-width:500px)
	{
		.welkom-section{padding: 150px 0 150px 0;}
	}


.jana-section{padding: 75px 0; color:#FFF; text-align: left; background-color:#15701f;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.aanpak-section{padding: 75px 0; color:#FFF; text-align: left; background-color:darkgreen;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}

.prijzen-section{padding: 75px 0; color:#222; text-align: left; background: url(../img/40525859-healthy-eating-dieting-slimming-and-weigh-loss-concept-close--Stock-Photo.jpg)no-repeat center center scroll;background-color:#000;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}


#map{width:100%;height:300px}

@media (min-width:992px)
	{
		.content-section{padding-top:200px;padding-bottom:200px}
		
		#map{height:350px}
	}

.btn{font-family:Cabin,'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:400;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;text-transform:uppercase;border-radius:0}

.btn-default{color:#42dca3;border:1px solid #42dca3;background-color:transparent}

.btn-default:focus,.btn-default:hover{color:#000;border:1px solid #42dca3;outline:0;background-color:#42dca3}

ul.banner-social-buttons{margin-top:0}

@media (max-width:1199px)
	{
		ul.banner-social-buttons{margin-top:15px}
	}

@media (max-width:767px)
	{
		ul.banner-social-buttons li{display:block;margin-bottom:20px;padding:0}
		
		ul.banner-social-buttons li:last-child{margin-bottom:0}

	}

footer{padding:50px 0}

footer p{font-size:14px;margin:0}

::-moz-selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}::selection{background:#fcfcfc;background:rgba(255,255,255,.2);text-shadow:none}

img::selection{background:0 0}

img::-moz-selection{background:0 0}

body{-webkit-tap-highlight-color:rgba(255,255,255,.2)}




.open{
	width: 95%;
}

@media (max-width:750px)
	{
		.open{
	width: 100%;
}

	}

.brand-heading{
	text-shadow: 2px 2px 3px black;
}

.intro-text{
	color: #117a37;
}

.logo{
	display: block;
	margin: 0 auto;
}

@media (min-width: 768px)
{
li {
	font-size: 18px;
	}
}

form{
	min-width: 100%;
	display: block;
}

textarea{
	width: 100%;
	margin: 5px 0;
}

.input_text{
	width: 100%;
	margin: 5px 0;
}

.verzenden
{ margin: 5px;}

.logojana
{ 
	max-width: 75%;
	display: block;
	margin: 0 auto;
	
}