body .site {
-webkit-font-smoothing: subpixel-antialiased !important;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}

body {
  font-family: 'Raleway', sans-serif;}


h1 {
  font-size: 35px;
  color: #00b1b0;
  font-weight: 300;
}

h2 {
  font-size: 40px;
  font-weight: 300;
}

h3 {
  font-size: 20px;
}

.heading {
  text-align: center;
}

.grey {
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/grey-background.jpg) repeat-x #f2f0ed;
}

.container {
    margin-top: 10px;
}

img
{
 max-width:100%;   
}


p {
  line-height: 30px;
    -webkit-backface-visibility: hidden;
}

.carousel-inner {
    -webkit-backface-visibility: hidden;   
    -webkit-transform-style: preserve-3d;
}


/* Fixed elementes-----------------------------*/
.navbar-fixed-top,
.navbar-fixed-bottom, .affix, .modal { 
    
    -webkit-backface-visibility: hidden;   
}

/* Navigation----------------------------------------------------------- */

.navbar-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 20; 
    background: url(../images/bg-banner.png) repeat-x;
    
}


.navbar-inverse {
  margin-top: 30px;
  background: #fff;
  border: 0px;
  height: 45px;
}

.navbar-header {
  float: right;
}

.nav {
 float: right;
 font-size: 20px;
}

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



.navbar-brand  {
padding: 5px 50px;
}


.navbar-inverse .navbar-brand:focus, .navbar-inverse .navbar-brand:hover {
  color: #000;
}

.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
 color: black;   
}

.logo {
	z-index: 200;
	margin: -20px;
	width: 256px;
	float: left;
}

.navbar-toggle {
  margin-top: 0;

}

.navbar-nav>li>a {
  padding-top: 10px;
}

h2:before { 
  display: block; 
  content: " "; 
  margin-top: -250px; 
  height: 250px; 
  visibility: hidden; 
}



/*Header----------------------------------------------------------- */

.jumbotron {
  height: 680px;
  background: url(../images/header-background.jpg);
  background-size: cover;
}

.jumbotron h1 {
  font-size: 35px;
  color: #fff;
  font-weight: bold;
  text-shadow: black 0.1em 0.1em 0.2em;
}

.one-liner {
  margin-top: 450px;
}

.title-block {
  background-color: #008600;
  text-align: center;
  color: #fff;
  margin: 200px 0 0 0;
  font-family: 'Raleway', sans-serif;
}

.ICY-CC {
  font-size: 40px;
  font-weight: bold;
  margin: 5px 0 0 0;
}

.CM {
  border-top: solid 1px #fff;
  font-size: 40px;
  font-weight: 100;    
  margin: -5px 0 10px 0;
}

/* Carousel left en right indicators----------------------------------------------------------- */

.carousel-indicators li {
  border: solid 1px #3b3b3b;	
  width: 30px;
  border-radius: 0px;
}

.carousel-indicators li.active {
  border: solid 1px #3b3b3b;	
  width: 30px;
  border-radius: 0px;
  background-color: #3b3b3b;
  heigth: 8px;
}

.carousel-controls{
  position:relative; 
  width:300px;
  margin:0 auto;
}

.carousel-indicators{
   bottom:0px; 
}


/* Content----------------------------------------------------------- */

.row {
 margin-bottom: 40px;
 }
 
.referentie-title h3{
  color: #008600;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 20px;
}


.btn {
    margin-top: 30px;
    padding: 15px;
    background: #008600;
    color: white;
    font-size: 18px;
}


.referenties.col-md-3 {
  text-align: center;
}

.ref {
    margin-bottom: 100px;
}
    .contact .col-md-12{
        text-align: center;
    }
    
/* Footer--------------------------------------*/

footer {
    background-color: black; 
    color: white;
    text-align: center;
  padding: 10px 0;
    
}
/*Media sizes*/

@media (max-width: 991px) {
  .carousel-omschrijving {
   height: 420px;   
  }
    
    
    .btn {
    font-size: 15px;
}
        
    .logo {
    text-align: center;
    width: 100%;
    margin: -20px -20px -20px 0px;
}
    
    
    .nav {
     float: none;
    text-align: center;
}
    .navbar-toggle {
     margin: 0 auto;
    clear: both;
    float: none;
    }
    
    .navbar-header {
        text-align: center;
        float: none;
        margin-top: 70px;   
        display: block;
    }
    
    ul.nav {
    background: white;
}

    .nav > li {
    padding: 12px 0;
    }
    
    .one-liner {
    margin-top: 50px;
    }
    
    .one-liner h1{
        font-size: 2em;    
}
    .kenmerken .col-md-2 {
        text-align: center;
        margin-bottom: 20px;
    }
   .kenmerken .col-md-2 img{
       width: 50%;
    }
    


    
    .carousel-inner {
     padding-bottom: 20px;   
    }
    
}

@media (max-width: 420px) {
 h1 {
  font-size: 20px;   
 }
    .one-liner h1 {
    font-size: 1.5em;
      text-align: center;
}
        
    .btn {

    font-size: 12px;
}
  .FM, .ICY-CC {
    font-size: 35px;
  }
  
  .carousel-inner {
    padding-bottom: 45px;
}
    
}