@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Asap:400,400i,500,500i,600,600i,700,700i&display=swap');


body {
color: #000;
font-size: 17px;
font-family: 'Asap', sans-serif;
}

a {
color: #000;
text-decoration: none;
}

a:hover {
color: #333;
}

.navbar {
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px -5px #51121f;
    box-shadow: 0px 0px 15px -5px #000000;
    padding: 20px 100px;
}

.navbar .active a {
border: solid 2px #000;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 20px;
    padding-left: 20px;
}

.navbar-collapse{
font-weight: 600;
}

.navbar-toggler-icon {
background-image: url("images/bars-solid.svg");
}

.pagetitle {
background-color: #f0f0f0;
padding: 75px 0px;
text-align: center;
margin-top: 122px;
margin-bottom: 75px;
}

.banner {
margin: 200px 0px 0px 0px; 
}

.marge {
margin: 25px 0px 0px 0px; 
}

.content {
padding: 0px 0px 75px 0px;
}

.content h2 {
font-weight: 600;
}

/**.content span {
border: solid 1px #000;
padding: 0px 5px 0px 5px;
margin-right: 5px;
}**/

.info {
background-color: #000;
color: #fff;
text-align: center;
padding: 10px;
margin-top: 50px;
margin-bottom: 50px;
}

.info a {
color: #fff;
}
.maps {
margin-bottom: -7px;
border-top: solid 1px #666;
}

.btn-outline-primary {
color:#FFFFFF;
background-color:#000000;
background-image:none;
border-color:#000000;
cursor:pointer;
font-size:20px;
padding: 8px 30px;
margin:5px;
		}
        
.btn-outline-primary:hover {
color: #000000;
background-color:#FFFFFF;
background-image: none;
border-color: #000000;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show>.btn-outline-primary.dropdown-toggle {
    color: #000;
    background-color: transparent;
    border-color: #000000;
}

.foto  {
margin-bottom: 30px;
}
        
.footer {
padding: 75px 0px;
margin-top: 50px;
background-color: #f0f0f0;
border-top: solid 1px #666;
}

.design {
margin-top: 50px;
text-align: center;
font-size: 12px;
}





/* Large Devices, Wide Screens */
    @media only screen and (max-width : 1200px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (max-width : 992px) {
    

    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 768px) {


.navbar {
background-color: #fff;
-webkit-box-shadow: 0px 0px 15px -5px #51121f;
    box-shadow: 0px 0px 15px -5px #000000;
    padding: 0px 10px 0px 20px;
}

.navbar-brand {
width: 210px;
}

.banner {
margin-top: 150px;
}

.pagetitle {
background-color: #f0f0f0;
padding: 75px 0px;
text-align: center;
margin-top: 60px;
margin-bottom: 75px;
}



    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 480px) {
    .historiek .floatright {
}


    }

    /* Custom, iPhone Retina */ 
    @media only screen and (max-width : 320px) {

    }