body {
	font-family: Verdana;
	background: url("../images/background.png");
	background-attachment: fixed;
}

nav, h1 {
	font-family: Reprise Stamp Std;
	letter-spacing: 1px;
}

h1 {
	font-size: 20px;
}

even {
	font-weight: bold;
	color: gray;
}

oneven {
	font-weight: bold;
	color: darkblue;
}

.navbar-inverse .navbar-nav li a {
  font-size: 18px;
	color: white;
}

.navbar-inverse .navbar-nav li a:hover {
	color: darkgray;
	-o-transition:.7s;
  -ms-transition:.7s;
  -moz-transition:.7s;
  -webkit-transition:.7s;
  transition:.7s;
}

.navbar-brand img {
  display: block;
  height: 55px;
}

.navbar-brand img:hover {
	opacity: 0.9;
	transition: opacity .156s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -webkit-transition: opacity .15s ease-in-out;
}

.navbar-inverse .navbar-nav .active a, .navbar-inverse .navbar-nav .active a:focus, .navbar-inverse .navbar-nav .active a:hover {
	background: linear-gradient(#444, #222);
}

.navbar-inverse {
	background: linear-gradient(#444, #222);
	box-shadow: 0px 5px 5px #888;
}

.col-sm-12, .col-sm-8, .col-sm-4 {
	background-color: #dedede;
	border-radius: 3px;
	border: 1px solid #222;
}

.joop > .img-responsive {
	padding: 2px;
  border: 1px solid #333;
	background-color: #fff;
	border-radius: 3px;
}

deur > .img-responsive, behang > .img-responsive, houtrot > .img-responsive {
	padding: 2px;
  border: 1px solid #333;
	background-color: #fff;
	border-radius: 3px;
}

.img-circle {
	margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  box-shadow: -3px 10px 36px 4px rgba(50, 50, 50, 0.75);

}

.img-circle:hover {
	opacity: 0.8;
	transition: opacity .45s ease-in-out;
  -moz-transition: opacity .45s ease-in-out;
  -webkit-transition: opacity .45s ease-in-out;
}

@media (min-width: 768px) {
.navbar .container .navbar-brand, .navbar .container-fluid .navbar-brand {
    margin-left: -15px;
    height: 70px;
}

.navbar-fixed-top .navbar-brand {
    padding: 7px 0;

}

.navbar-fixed-top .nav {
    padding: 10px 0;
    float: right;
}

.joop > .img-responsive {
	float: left;
  margin-right: 15px;
	margin-bottom: 15px;
	height: 335px;
}
	
deur > .img-responsive {
	display: inline;
	padding: 2px;
  border: 1px solid #333;
	background-color: #fff;
	border-radius: 3px;
	height: 400px;
}
	
behang > .img-responsive, houtrot > .img-responsive {
	display: inline;
	padding: 2px;
  border: 1px solid #333;
	background-color: #fff;
	border-radius: 3px;
	height: 240px;
}
	
.contact-mobile, .plaatsen-mobile {
	display: none;
}
	
.plaatsen-desktop .col-sm-4, .extra .col-sm-4 {
	margin-top: 15px;
}
	
.col-sm-4 {
	width: 31.9%;
	margin-left: 8px;
	margin-right: 8px;
}
	
.col-sm-8 {
	width: 65.3%;
	margin-left: 8px;
	margin-right: 8px;
}
	
footer .navbar {
 width: 100%;
 background: linear-gradient(#444, #222);
 color: white;
 line-height: 35px;
}

}

@media (max-width: 768px) {
.col-sm-4, .col-sm-8 {
	margin: 10px;
}
	
.contact-desktop, .plaatsen-desktop {
	display: none;
}
	
.container .navbar-header {
    height: 70px;
}

.navbar-toggle {
    margin-top: 16px;
}

.navbar-brand img {
    margin-top: 5px;
}

.joop .img-responsive {
	margin-bottom: 10px;
}
	
hr {
	display: none;
}
	
.col-sm-4 {
	margin-bottom: 25px;
}
	
.col-sm-8 {
	margin-bottom: 15px;
}
	
footer .navbar {
 margin-top: -30px;
 min-height: 0px;
 margin-bottom: 0px;
}
	
deur, behang, houtrot {
	display: none;
}

}

@media only screen 
  and (min-device-width: 768px) 
	and (max-device-width: 1200px) {
		
.plaatsen-desktop .contact-desktop .col-sm-4 {
	width: 30.6%;
}
		
.col-sm-4 {
	width: 31.1%;
}
		
.col-sm-8 {
width: 64.0%;
}
}