@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500');
@import url('https://fonts.googleapis.com/css?family=Handlee');

html, body, h1, h2, h3, h4, h5, h6, p a ul li { font-family: 'Montserrat', sans-serif; font-weight: 300; FONT-SIZE: 16px; }

html, body { margin: 0; height: 100%; width: 100%; }
BODY {
	height: 100%;
	FONT-SIZE: 18px; 
	FONT-FAMILY: 'Montserrat', Arial, Helvetica, sans-serif;
	color : #ffffff;
	font-style : normal;
	margin-bottom : 0px;
	margin-left : 0px;
	margin-right : 0px;
	margin-top : 0px;
	padding-bottom : 0px;
	padding-left : 0px;
	padding-right : 0px;
	padding-top : 0px;
	text-align : left;
	text-decoration : none;
	top : 0px;
	background-color: #404240;
	scrollbar-base-color: #373737;
	scrollbar-arrow-color: #ffffff;
	background-image: url(../images/achtergrond.jpg); 
	background-repeat: repeat;
}
h1 { margin-bottom: 20px; font-color: #ffffff; FONT-SIZE: 28px;}
h2 { margin-bottom: 20px; font-color: #ffffff; FONT-SIZE: 24px; }
ul { line-height: 200%; list-style-type: none; font-color: #ffffff; }

.txt { color: #ffffff; }
.txt_donker { color: #404240; }
.txt_title1 { font-size: 30px; font-family: 'Handlee', sans-serif; }

.navbar-brand { line-height: 75px; height: 75px; padding-top: 0; }

.navbar-custom { background-color:#ffffff; color:#000000; border-radius: 0; }
.navbar-nav { margin: 0px; }
.navbar-custom .navbar-nav .nav-link { color: #292929; letter-spacing: 1px; font-size: 18px; position: relative; padding-left: 10px; padding-right: 10px; border-radius: 25px; }
.navbar-custom .navbar-nav .nav-link:hover, .navbar-custom .navbar-nav .nav-link:focus { color: #ffffff; background: #faad3b }
.navbar-custom .navbar-nav .nav-link.active { background: #009bb7; }
.navbar-custom .navbar-nav .nav-link::after { content: ''; width: 0; height: 3px; background: #ffffff; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; margin: 0 auto; border-radius: 0px; -webkit-transition: all .5s; transition: all .5s; z-index: -1; }
.navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#faad3b' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
.navbar-toggler { border-color: #faad3b; }

.member-photo { box-sizing: border-box; -webkit-border-radius:15%; -moz-border-radius:15%; border-radius:15%; margin: 0 0 20px 0; }
.member-photo img { -webkit-border-radius:15%; -moz-border-radius:15%; border-radius:15%; }
.team-detail h4 { font-weight: 500; }

.gallery-title { font-size: 36px; color: #42B32F; text-align: center; font-weight: 500; margin-bottom: 70px; }
.gallery-title:after { content: ""; position: absolute; width: 7.5%; left: 46.5%; height: 45px; border-bottom: 1px solid #42B32F; }
.port-image { width: 100%; }
.img_border { border: 1px solid #ffffff; }
.gallery_product { margin-bottom: 30px; }
.btn-custom { background-color: #faad3b; border-color: #faad3b; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active { background-color: #541748; border-color: #ffffff; color: #ffffff;}
.btn-custom.disabled:hover, .btn-custom.disabled:focus, .btn-custom.disabled:active, .btn-custom.disabled.active, .btn-custom[disabled]:hover, .btn-custom[disabled]:focus, .btn-custom[disabled]:active, .btn-custom[disabled].active, fieldset[disabled] .btn-custom:hover, fieldset[disabled] .btn-custom:focus, fieldset[disabled] .btn-custom:active, fieldset[disabled] .btn-custom.active { background-color: #681d59; border-color: #681d59; color: #ffffff; }
.btn-custom1 { background-color: #541748; border-color: #ffffff; border-color: #ffffff; color: #ffffff; }
.btn-custom1:hover, .btn-custom1:focus, .btn-custom1:active, .btn-custom1.active { background-color: #541748; border-color: #ffffff; color: #ffffff;}
.btn-custom1.disabled:hover, .btn-custom1.disabled:focus, .btn-custom1.disabled:active, .btn-custom1.disabled.active, .btn-custom1[disabled]:hover, .btn-custom1[disabled]:focus, .btn-custom1[disabled]:active, .btn-custom1[disabled].active, fieldset[disabled] .btn-custom1:hover, fieldset[disabled] .btn-custom1:focus, fieldset[disabled] .btn-custom1:active, fieldset[disabled] .btn-custom1.active { background-color: #681d59; border-color: #681d59; color: #ffffff; }
.panel { background-color: #d4d4d4; border: 1px solid #faad3b; }
.panel > .panel-heading { background-image: none; background-color: #faad3b; color: #000000; }

#myFooter { color: #ffffff; padding-top: 30px; }
#myFooter .footer-copyright { background-color: #000000; padding-top: 3px; padding-bottom: 3px; text-align: center; }
#myFooter .row { margin-bottom: 30px; }
#myFooter .footer-copyright p { margin: 10px; color: #ccc; }

@media screen and (max-width: 767px) {
	.navbar-nav li a { line-height: 50px; height: 50px; padding-top: 0; }
	.navbar-toggle { margin-top: 30px; }
	.filter-button { margin-top: 5px; }
	#myFooter { text-align: center; }
}
@media screen and (max-width: 400px) {
	.navbar_logo1 { width: 170px; height: 40px; }
	.foto_startpagina { width: 75%; height: 75%; }
	.txt_title1 { font-size: 20px; font-family: 'Handlee', sans-serif; }
}