body{
  margin-top:70px;
  font-size:16px;
}
#Top{
      padding-top: 100px;
      margin-top: -100px;
  }

}
h1,h2,h3,h4,h5,h6{
  font-family:'Poppins', sans-serif;
}

p{
  font-family: 'Roboto', sans-serif;
}

.navbar-default{
  background:#fff;
  border:0;
  font-family:'Poppins', sans-serif;
}

.navbar-brand{
  font-size:20px;
  color:#000 !important;
  font-weight:bold;
}


.navbar-nav {
    float: right;
    margin: 0;
}

#info1 img{
url:knipsel.jpg;
 margin-top: 100px;

}


#ddm a{
  text-align: left;
  margin-leftt: 15px;
  text-decoration: none;
}

#ddm :hover{
 background-color: red;
 color:white;

}

.Modal{
width: 90%;
height: auto;


}
.showcase-right h1{

  font-size:50px;
  margin-bottom:20px;
  text-align: center;
  }
  .showcase-right p{
   text-align: center;
    }




avatar {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin: 1rem;
}


#showcase .showcase-right{
  margin-top:90px;
}

#testimonial{
   font-style: italic;
  background:#f1f1f1;
  padding: 50px 0 30px 0;
  text-align:center;
  margin-top:40px;
}

#testimonial p{
  font-size:32px;
  font-family: 'Josefin Sans', sans-serif;
  color:#000;
}

#testimonial p.customer{
  font-size:20px;
  color:#666;
}
#info1 img{
  margin:90px auto;


}

#info1 .info-right{
  margin-top:90px;

}

#info1 .info-right h2{
  text-align: center;
  margin-bottom: 50px;
}

#info1 .info-right p{text-align: center;}

#info2{

  margin:20px 0 60px 0;
}


#info2 .info-left h2{
  text-align: center;
}

#info2 .info-left p{
  text-align: center;
}

#info2 .info-right h2{
  text-align: center;
}

#info2 .info-right p{
  text-align: center;
}


#contact-sectie{
  background:url(../img/image4.png);

  padding:10px;
  color:#fff;
  border-top:#333 7px solid;
  border-bottom:#333 7px solid;
}

footer{
  padding:30px;
  background-color: #f1f1f1;
}
footer p{color:white;
font-size: 1.8rem;
color:#000;


}
/******* Carousel css ************/

#carousel {

box-sizing: content-box;
width: 90;
height: 400px;
padding: 30px;
border: 10px solid blue;
  width:90%;
  margin:0px auto;
  border:1px solid #222;
  height:400px;
  position:relative;
  clear:both;
  overflow:hidden;

  background:#f1f1f1;
  margin-bottom:50px;
}

#portfolio h1 {
  text-align:center;

}

#portfolio span{
  text-align:center;

}

#carousel img {
  visibility:hidden; /* hide images until carousel can handle them */
  cursor:pointer; /* otherwise it's not as obvious items can be clicked */
border:2px solid black;
margin:10px;
}


#prevnext, #VBN{
  text-align: center;
  }

   #VBN {
  margin-left: auto;
   display: inline;
   text-align: center;
   color:orange;
   background-color: #f1f1f1;
   padding: 10px;
   border: 2px black solid;
   border-radius: 5px;
   font-family: 'Roboto', sans-serif;

   }

 #prevnext a{
   text-decoration: none;
  }
#prevnext span {
  color:green;
  background-color: #f1f1f1;
  border: 2px solid gray;
  border-radius: 5px;
  margin-top: 25px;
  padding: 10px 15px;
}


/*******************Bootstrap Gallery  Begin **************/
.starter-template {
     padding: 40px 15px;
     text-align: center;
 }
 .VBFB{
  border:5 x solid orange;

 }
 .thumbnail{
   background-color: #f1f1f1;
   border:2px solid #1f1f1f;
 }
 .thumbnail img  {
     height: 116px;
     width:186px;
 }

 /*******************Bootstrap Gallery -einde **************/


.split-left {
  width:450px;
  float:left;
}
.split-right {
  width:400px;
  float:left;
  margin-left:10px;
}
#callback-output {
  height:250px;
  overflow:scroll;
}
textarea#newoptions {
  width:430px;
}

#prev{
height:20px; }



#vrienden-links{
  display: none;
  background-color: #f1f1f1;;
  margin: 50px 0px;
  padding:10px;
  color:#fff;
  border-top:gray 4px solid;
  border-bottom:gray 4px solid;


}
#vrienden-links img{
  max-height: 150px;


}


#VriendenHR{
border: 2px solid grey;

}

#link-tekst{
  text-align: center;
  font-size: 30px;
  color:black;
  margin: 10px auto;

}
.card {
border 10 px solid green;

}

.card .btn{
  display: block;
  margin:15px auto;
}

@media only screen and (max-width: 576px) {

}
.responsive {
  width: 90%;
  height: auto;