body {overflow-x: hidden;}

.halimun {font-family: 'Halimun', sans-serif;}
.glacial {font-family: 'Glacial Indifference', sans-serif; font-weight: 400;}
.noto {font-family: "Noto Serif", serif; font-weight: 400;}

.row {width: 100%;}

.lead {font-family: 'Halimun', sans-serif; font-size: 2.5rem; color:#bc9c22; }

.gold {color:#bc9c22;}
.bg-gold {background-color: #bc9c22;}

.gotop {position: fixed; right: 2rem; bottom: 2rem;}
.gotop .btn-top {width: 50px; height: 50px; text-align: center; background-color: #000; color: #fff; border-radius: 100px;}
.gotop .btn-top i {color: #fff; font-size: 2rem; margin-top: 8px;}

hr {border-color:#bc9c22; border-top: #bc9c22 solid 2px; opacity: 1.0; }

a {color: #BC9C22;}
.font-plus {font-size: 1.2rem;}

.txt-flat,
.txt-flat li {font-family: 'Glacial Indifference', sans-serif; font-size: 1.5rem; line-height: 180%;}

ul li {margin-bottom: 2rem;}
ul li li {margin-bottom: 0.5rem;}

h2 {color: #bc9c22!important; font-size: 3.75rem!important; font-weight: bold; margin-bottom: 2rem;}

/*
.section {height: 100vh;}
.section .container-fluid {height: 100vh;}
*/

.section-1 {height: 100vh;}
.section-1 .row-first {}
.section-1 .background-photo {background-size: cover; background-position: left center; height: 100%; width: 100%; display: block;}


.section-2 {height: 100vh;}
.section-2 .container-fluid {height: 100%; padding: 0px;}
.section-2 .ada-foto {width: 100%; height: 100%; display: block; background-size: cover; background-position: center center;}
.section-2 h2 {font-weight: bold; }
.section-2 .row {height: 100%;}
.section-2 .row .col-12 {height: 100%;}

.section-3 {height: 100vh;}
.section-3 {}

.section-4 {height: 100vh;}
.section-4 .container-fluid {height: 100%;}

.section-5 {height: 87vh;}
.section-5 .container-fluid {height: 100%;}
.section-5 img {margin-top: -15px;}

#afspraak a {color: inherit; text-decoration: none;}
#afspraak .lead {margin-bottom: 0.75rem; margin-top: 2.5rem;}
#afspraak small {font-style: italic; font-size: 1.1rem;}


.portfolio-items img {max-height: 400px;}

.footer {color: #fff;}
.footer p {margin: 0px; font-size: 0.85rem; display: inline-block;}
.footer i {font-size: 1.25rem; margin-top: 3px;}


/* NAV */
nav {text-transform: uppercase; font-size: 1.4rem; text-decoration: underline;}
nav .nav-btn {padding: 0.5rem 1.25rem; border-radius: 5px;}
nav a.nav-btn {color: inherit!important;}
nav a.nav-btn:hover {color: #bc9c22!important; transition: ease-in-out 0.5s; }
nav .nav-btn.active {color: #fff!important; text-decoration: underline; text-decoration-color: inherit;}
nav .nav-btn.active:hover {color: #000!important;}
/* EO NAV */


@media (max-width: 575px){
	body {overflow-x: hidden;}
	
	
	.section {height: auto;}
	.container-fluid {height: auto;}
	
	.nav {text-align: center;}
	.nav li {margin-bottom: 40px;}
	nav .nav-btn {margin-bottom: 0.75rem; display:inline-block;}
	
	.portfolio-items img {max-height: auto!important;}
	.lead {font-family: 'Halimun', sans-serif; font-size: 2rem; color:#bc9c22; }

.txt-flat,
.txt-flat li {font-family: 'Glacial Indifference', sans-serif; font-size: 1.25rem; line-height: 180%;}

.row {width: auto!important;}

}