@import url(https://fonts.googleapis.com/css?family=Raleway);

*{
	-webkit-font-smoothing:antialiased;
	border-radius:0!important
}

body,html{
	height:100%
}

body{
	background-color:#f9f7ea;
	font-size:15px;
	font-family:"Raleway",serif;
	font-weight:400;color:#5a5347
}

h1,h2,h3,h4{
	margin:0;
	font-weight:700
}

p{
	line-height:1.6!important
}

.navbar{
    background-color: #7b2b13;
}

.navbar-brand{
    color:white !important;
    font-size: 1.5em;
    padding:0 !important;
}

.navbar-default .navbar-nav>li>a{
    color: white
}

.navbar-default .navbar-nav>.active>a{
    background-color: #f2f0dd;
}

.page-title{
    font-weight:700;
	color:#7b2b13;
	display:inline-block;
	margin-top:150px;
	font-size:55px
}

.section-title{
	font-weight:700;
	color:#7b2b13;
	display:inline-block;
	font-size:35px;
    margin: 20px 0;
}

.block{
	padding:40px 0
}

.foot-note{
	margin-top:60px
}

.btn-primary{
	background-color:#5a5347;
	border-color:#ccc
}

.btn-primary:focus,.btn-primary:hover{
	color:#fff;
	background-color:#5a5347;
	border-color:#ccc
}

@media (max-width:480px) {
    .img-logo{
	   width:75%;
	   height:auto;
       margin-top: 100px;
    }
   .nav-logo{
        width:25%;
        height:auto;
    }
    #video{
        width:300px !important;
        height:175px !important;
    }
}

@media (min-width:481px) and (max-width:766px) {
    .img-logo{
	   width:60%;
	   height:auto;
       margin-top: 75px;
    }
    .nav-logo{
        width:25%;
        height:auto;
    }
    #video{
        width:350px !important;
        height:200px !important;
    }
}

@media (min-width:767px) {
    .img-logo{
	   width:50%;
	   height:auto;
       margin-top: 0px;
    }
    .nav-logo{
        width:25%;
        height:auto;
    }
    .navbar {
        padding: 10px 0;
        -webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
        -moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
        transition: background .5s ease-in-out,padding .5s ease-in-out;
    }

    .top-nav-collapse {
        padding: 0;
    }
}

.about-us{
	-webkit-transition:background-position 300ms ease 0s;
	transition:background-position 300ms ease 0s;
	background-size:cover;
	color:#343230;
	position:relative;
}

.center{
	float:none !important;
	margin:0 auto !important;
	display:block;
	position:relative;
	z-index:2
}

#example-block{
    background-color: #efdfb6;
    border-radius: 5px !important;
    padding:20px;
}

.achtergrond{
    background-color:#f2eebd;
}

#logo{
    max-height:100%
}

#logos-div{
	display:table;
	margin:0 auto;
}

.logos{
	float:left;
	margin:10px;
}

.logos:hover{
	opacity: 0.7;
}

#logo-fpg{
	width:75%;
	height:auto;
    display:block;
    margin:auto;
    max-width:250px;
}

#logo-fpg-div{
    margin-top:-25px;
	height:100%;
    margin-bottom:25px
}

table{
    padding: 25px;
    width:100%
}

.table-row td p{
    padding: 10px;
    margin-bottom: 0;
}

.table-number{
    width:10%;
}

.table-text{
    width:90%
}

.red-circle{
    width:15px;
    height:15px;
    background-color:#7b2b13;
    border-radius:50px !important;
    margin-left:10px;
}

.text-center h2{
    text-align:center;
}

.lead{
    text-align:left !important;
}

#contact-button{
    background-color:#7b2b13;
    padding:10px 20px;
    color:white;
    font-weight:bold;
    border:none;
    width:200px;
    margin-bottom:10px;
}

.icon-bar{
    background-color:white !important;
}

.navbar-default .navbar-toggle:hover{
    background-color: #9f391b
}

.page-scroll:hover{
    color:white !important;
    opacity:0.9;
}