
body {
  padding-top: 56px;
  color: #6f6f6f;
}

h1 { font-family: Lato; font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } 
h3 { font-family: Lato; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 15.4px; } 
p { font-family: Lato; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } 
blockquote { font-family: Lato; font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } 
pre { font-family: Lato; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; }
body { font-family: Lato; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; } 

.main-top {
  margin-top: 12em !important;
}

#contact .main-top {
  margin-top: 10.7em !important;
  margin-bottom: 5em !important; 
}

.content-page-block-pages {
    margin-top: 15em !important;
}

address {
  font-weight: 400;
}

.alert-light {
  border-color: #d6d6d6;
}

.navbar {
  background-color: #000000;
  height: auto !important;
}

.navbar-brand {
  padding: 0;
}

.gratis {
  background: url("../images/home/gratis-advies-crop-inside.jpg") no-repeat center center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100%;
}

.jumbotron .content {
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;border: 1px solid rgba(0,0,0,.125);
}

.carousel-indicators {
  bottom: 2.5em;
  right: 0em;
}

.carousel-caption p {
  bottom: 0;
  background: rgb(0, 0, 0); /* Fallback color */
  background: rgba(0, 0, 0, 0.5); /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.card-img-top {
  height: 230px;
}

.footer {
  font-weight: lighter;
}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px auto 0 auto; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

.onze {
    width:100%;
    height: 230px;
}


#products .img-thumbnail {
   padding: 0px;
   background-color: none;
    border: none;
    border-radius: unset;
    max-width: 100%;
    height: auto;
}

#products .btn:focus, .btn:active, button:focus, button:active {
    outline: none !important;
    box-shadow: none !important;
}

#image-gallery .modal-footer{
    display: block;
}

#products .thumb{
    margin-top: 15px;
    margin-bottom: 15px;
}

.opening-hour {
  font-size: smaller;
}

.bg-dark {
  background-color: #000000 !important;
}

a {
  color: #b9b9b9;
  text-decoration: none;
  background-color: transparent;
}

.home-page-car {
    position: absolute;
    top: -10em;
    z-index: -1;
}

.banner-logo {
    z-index: 2;
    clear: both;
    background: rgb(0, 0, 0) !important; /* Fallback color */
    background: rgba(0, 0, 0, 0.5) !important; /* Black background with 0.5 opacity */
}

.content-page-block {
    position: relative;
    top: 2em;
}

.navbar {
    display: block;
}

@media (max-width: 991.98px) {
    .banner-logo    {
        display:none;
    }
    .main-top {
        margin-top: 0 !important;
    }

    .jumbotron .content h1.display-4 {
      font-size: 1.5rem;
    }
    .jumbotron .content p.lead {
      font-size: 0.8rem;
    }
    .jumbotron .content p {
      font-size: 0.8rem;
    }
    .gratis {
      background-image: none;
    }

    .content-page-block-pages {
      margin-top: 1em !important;
   }
    .links-top {
      display: none;
    }


}

.links-top {
top:13.5rem !important;
padding: 1rem;
}


.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: unset;
  background-color: #fff;
  border: none;
}

.page-link:hover {
  color: unset;
  border: none;
  background-color: #fff;
}