body {
	padding:70px 0 0 0;
	font-family: 'Roboto', sans-serif;
	background-size: cover;                    
    background-repeat: no-repeat;
    font-size:15px;
}

.contact-detail{
	margin-bottom:40px;
}

.contact-detail .btn-callbutton{
	background:#37b04f;
	color:#fff;
	margin:10px 0px 40px 0px;
}

/* Maak telefoon nummer clickbaar op een mobiele telefoon */
.mobilesOnly {display:block;}
.desktopOnly{display:none;}

a{color:#37b04f;}
a:hover{color:#37b04f;}

.navbar{
	background:#FFF;
}

.container .jumbotron {
	background:#FFF;
	border-radius:0px;
	margin:30px 0px 0px 0px;
}

.navbar-default .navbar-nav>li>a{
	color:#000;
}
.navbar li>a{
	
}
.navbar a{
	border-right:1px solid #000;
	color:#000;
}
.navbar-default{
	border-bottom:1px solid #000;
}
.navbar-default .navbar-brand{
	color:#000;
	border-right:1px solid #000;
}
.navbar-default .navbar-brand:hover{
color:#000;
}
a.navbar-brand ,.quote a{
	padding:10px 15px;
	font-family: 'Racing Sans One', cursive;
	font-size:1.5em;
	border:none;
}
a.navbar-brand:hover ,.quote a:hover{
	color:#000;
}

h1,h2,h3 ,span.home,.terug{
	font-family: 'Racing Sans One', cursive;
	
}

.jumbotron p{
	line-height:18x;
	font-size:20px;
	font-family: 'Roboto Slab', serif;
	color:#FF0000;
	font-weight:bold;
}
.jumbotron h1{
	font-size:43px;
	line-height:1em;
	letter-spacing:2;
	/*color:#fd7b0d; */
	color:#000; 
	word-wrap:break-word;
}
.jumbotron span.home {
	font-size:43px;
	line-height:1em;
	letter-spacing:2;
	/*color:#fd7b0d; */
	color:#000; 
	word-wrap:break-word;
	display:block;
	margin-top: 20px;
	margin-bottom: 10px;
}
.jumbotron h1 span{
	color:#FF0000;
	color:#37b04f;
}
.runner {
	margin-bottom:0px;
	margin-top:100px;
}
.hurdle {
	
}
.hurdle svg {
	display:block;
	margin-bottom:-10px;
	padding:0px;
}
.nav>li>a{

}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
	background-color: #F8F8F8;
	color:#000;
}

ul.diensten {
	list-style-type:none;
	margin-left:-3px;
	padding:0px 0px 0px 0px;
}
.diensten li {
	margin:0px;
	padding:0px;
}
.diensten li:before{ content:"-"; position:relative; left:-5px;}

#work-wrap{
	margin:20px auto;
	position:relative;
	float:none;
	display:block;
	margin-bottom:150px;
}

.contact-detail,.contact-detail a{
	font-size:18px;
	color:#000;
	font-family: 'Roboto Slab', serif;
}

.btn-primary {
	background:#37b04f;
	border:none;
}

.blaadje {
	margin-top:-8px;
}

.navbar .navbar-default .navbar-fixed-top{
	z-index:1000;
}
.snowfall-flakes img{
	z-index:5;
}
.box{                
    background-repeat: no-repeat;
    width: 311px;
	height: 261px;
	
	background-size: cover;
	margin: 1px;
	float: left;
	color: #fff;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}
#work-wrap .box h3{
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	bottom: 0;
	font-size: 16px;
	line-height: 1;
	padding: 12px 30px 12px 20px;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	z-index: 1;
	color: #fff;
}

@media (min-width: 480px) {
	.box{
		height:200px;
		width:32%;
		float:left;
		padding:0px;
		background-size: cover;                    
	    background-repeat: no-repeat;
	}	
}

@media (min-width: 768px) {
	.mobilesOnly {display:none;}
	.desktopOnly{display:block;}
	.jumbotron h1{
		font-size:80px;
		line-height:70px;
		letter-spacing:2;
		color:#000; 
	}

	.jumbotron h1 span{
		color:#FF0000;
		color:#37b04f;
	}
	/* De mannetjes op veren */
	#mannen{float:right;}
	.box{
		height:200px;
		width:33%;
		float:left;
		margin:1px;
		padding:0px;
		background-size: cover;                    
	    background-repeat: no-repeat;
	}
}


/**
 * Sticky footer styles
 */
html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 270px;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  padding:0px 0px 10px 0px;
  
  height:270px;
  margin-top:0px;
}
#footer-inner{
	display:block;
	background-color:#000;
}

#footer h3,#footer a{
	color:#FFF;
}
#footer ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#footer p {
	color:#FFF;
}
#footer-inner{
	position:relative;
	z-index:4;
}
#home{
	position:relative;
	z-index:0;
}
#c {
	position:absolute;
	top:0;
	left:0;
	z-index:3;
	height:100%;
	width:100%;
}

/**
 * Device mockup // Macbook
 */
.device-mockup {
  position: relative;
  width: 100%;
  padding-bottom: 61.775701%;
}

.device-mockup > .device {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	width: 100%; height: 100%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	background-image: url("macbook.png");
}

.device-mockup > .device > .screen {
	position: absolute;
	top:    11.0438729%;
	bottom: 14.6747352%;
	left:   13.364486%;
	right:  13.364486%;
	overflow: hidden;
}

.device-mockup > .device > .button {
	position: absolute;
	top: 0; left: 0;
	display: none;
	overflow: hidden;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	cursor: pointer;
}

/**
 * MacBook Pro
 */
.device-mockup.macbook {
  padding-bottom: 61.775701%;
}

.device-mockup.macbook > .device {
  background-image: url("macbook/macbook.png");
}

.device-mockup.macbook > .device > .screen {
  top: 11.0438729%; bottom: 14.6747352%; left: 13.364486%; right: 13.364486%;
}