body {
    width: 100%;
    height: 100%;
    font-family: "Inter", sans-serif;
	font-size: 20px;
    color: #1F3D2B;
    background-color: #F5F4EF;
	background: url("../img/intro-bg.png");
  	background-repeat: no-repeat;
 	background-attachment: fixed;
  	background-position: center right;
	background-size: 30%;
    background-color: #F5F4EF;
}

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

h1,h2
{
    font-family: "Fraunces",sans-serif;
    font-weight: 400;
	font-size: 50px;
}

h3
{
    font-family: "Fraunces",sans-serif;
    font-weight: 400;
	font-size: 40px;
	color: #B08D57;
}

h4
{
    font-family: "Fraunces",sans-serif;
    font-weight: 400;
	font-size: 30px;
}


.navbar-custom {
    display: block;
    border-bottom: 1px solid rgba(30,30,30,0.12);
    text-transform: uppercase;
	font-size: 14px;
    font-family: "Inter", sans-serif;
    background-color: #F5F4EF;
}

.navbar-custom .navbar-brand {
	font-weight:700;
    font-size: 14px;
}

.navbar-custom .navbar-brand .navbar-toggle {
    padding: 20px 6px;
    font-size: 16px;
    color: #1F3D2B;
}

.navbar-brand img {
	height: 100%;
	float: left;
	margin-right: 10px;
}

.navbar-custom a {
    color: #1F3D2B;
}

.navbar-custom .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
    outline: 0;
    background-color: #B08D57;
   
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
    outline: 0;
    background-color: #dbc197;
	
}

.navbar-custom .nav li.active a {
    background-color: #dbc197;
}

.navbar-custom .nav li.active a:hover {
    color: #1F3D2B;
}


.intro {
	top: 10%;
    display: block;
	position: relative;
    width: 100%;
    height: auto;
    text-align: left;
    color: #1F3D2B;
	padding-left: 5%;
	padding-right: 5%; 
}

.list-inline{
	position: relative;
	z-index: 1;	
}

.divider {

    display: block;
	position: relative;
    width: 100%;
    height: 70px; 
}

.aanpak {
	display: block;
    color: #1F3D2B;
	text-align: left;
	line-height: 2;
	padding-left: 5%;
	padding-right: 5%;
	list-style-position: inside;
}

.aanpak-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-column-gap: 20px;
	grid-row-gap: 20px;

}

.aanpak-box {
	
	font-size: 20px;
	padding: 50px;
	height: 300px;
	background-color: #e8dbd3;
}


.overocp {
	display: block;
    color: #F5F4EF;
	text-align: left;
	padding-left: 5%;
	padding-right: 5%;
	padding: 30px;
	background-color: #1F3D2B; 
}

.partners {
	display: block;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
	padding: 30px;
}

.partners-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-column-gap: 10px;
	grid-row-gap: 10px;

}

.partners-box {
	font-size: 20px;
	padding: 20px;
}

.contact {
	display: block;
	text-align: center;
	padding-left: 5%;
	padding-right: 5%;
}

.btn {
	font-size: 16px;
    border-radius: 0;
    font-family: "Inter", sans-serif;
    font-weight: 400;
	margin-bottom: 5px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.btn-light {
    border: 1px solid #1F3D2B;
    color: #1F3D2B;
    background-color: transparent;
}

.btn-light:hover,
.btn-light:focus {
    border: 1px solid #B08D57;
	outline: 0;
    color: #F5F4EF;
    background-color: #B08D57;
}

.btn-dark {
    color: #F5F4EF;
    background-color: #1F3D2B;
}

.btn-dark:hover,
.btn-dark:focus {
    outline: 0;
    color: #F5F4EF;
    background-color: #B08D57;
}


footer {
    padding: 50px 0;
}

footer p {
    margin: 0;
}

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

@media (max-width: 800px) {
 .aanpak-grid {
    display: grid;
	grid-template-columns: 1fr;
  }	
.partners-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-column-gap: 5px;
	grid-row-gap: 5x;

}
.partners-box {
	font-size: 10px;
	padding: 10px;
}
body {
	font-size: 14px;
	background-size: 80%;
}
	h1,h2
{
	font-size: 35px;
}
}