body{
    margin: 0;
    padding: 0;
    font-family: 'Helvetica';
    max-width: 100%;
    overflow-x: hidden;
    line-height: 22px;
}

.overflow::-webkit-scrollbar { 
    display: none; 
}

.overflow {
	overflow-x: hidden;
}

/*nav */
nav{
  background-color: #fae42e !important;
}
a .nav-link{
  color:black;
  text-align: right;
}

.nav-link{
  margin-left: 20px;
  font-size:17px;
}

.paddingMobile {
  padding:0px;
  z-index: 10;
}

.active {
	font-weight: 600;
	background: none !important;
	text-decoration: none !important;
	color:black !important;
}
.navbar-toggler {
  border:none;
}

.navbar-toggler {

    padding: 0.5rem .75rem !important;
}

.navbar-toggler-icon {
  font-size:30px;
  color:black;
  width: 40px !important;
  height: 40px !important;
}

.navbar-toggler-icon:focus {
  outline:none;
}

.paddingDesktop{
  padding-left:15px;
  padding-right:15px;
}

.dropdown-menu{
  background-color: #fae42e;
  border:none;
  border-radius: 0;
}
.dropdown-item:hover {
  background-color: #fae42e !important;
  color:rgba(0,0,0,0.5);
}

.navbar-brand img{
  width:60%;
}


/* header */
.header {
	padding:0 5% !important;
	z-index: 10;
}
.header-contact{
  background-color: #393939;
}

.header-contact p{
  color: #fff;
  text-align: right;
  padding-top: 12px;
  padding-right:1.1%;
  margin-left: 2%;
  margin-bottom: 12px !important;
  font-size:12.9px;
}

h1 {
  text-align: center;
  font-size:35px;
}

/* Home content */
.home-title, .home-title-home{
  margin-top:23%;
  color:white;
}

.home-img {
  background-image: url(../img/home_header.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  min-height: 100vw;
  max-height: 100vw;
  height: 100vw;
  z-index: -1;
}

.home-product *{
  text-align: center;
}

.home-icon-padding {
	padding: 0 10px;
}

.home-icon-padding-left {
	padding-right:10px;
}

.home-icon-padding-right {
	padding-left:10px;
}

.home-product {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  height: 100%;
  border-radius:5px;
  padding: 30px 15px;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(173,173,173,0.2);
  -moz-box-shadow: 0px 0px 24px 0px rgba(173,173,173,0.2);
  box-shadow: 0px 0px 24px 0px rgba(173,173,173,0.2);
}

.home-product a{
  text-align: center;
  background-color: #fae42e;
  padding: 10px 15px 10px 15px;
  border-radius: 5px;
  color: inherit;
  font-weight: 500;
}

.home-product h4{
  text-align: center;
  font-size: 1.2vw;
  font-weight: bold;
  margin-top:5%;
}

.home-description{
  font-size: 13px;
  color:#7a7a7a;
}

.marginTop{
  margin-top: 7%;
}

.home-icon{
  display:block;
  text-align: center;
  margin-left:auto;
  margin-right:auto;
  width: 60%;
}

.mini {
  padding-top:5%;
  padding-bottom: 7%;
  width:45%;
}

.vertical-align{
  margin-top: 30%;
}

.vertical-align-home {
	margin-top:35%;
}
.car-img{
  border-radius: 2%;
  float: left;
  width: 80%;
}

.welkom-padding {
	padding: 0;
}

.welkom-info {
	font-size:20px;
}

.welkom-subtitle {
	margin-bottom: 7%;
}

.welkom-intro {
	font-size: 18px;
	font-weight: bold;
}

/* Split */
.skew {
  -ms-transform: skewY(-2deg); /* IE 9 */
  -webkit-transform: skewY(-2deg); /* Safari */
  transform: skewY(-2deg);
}

.split-left{
  background-color: #393939;
  width: 100%;
}

.split-right{
  background-color: #fae42e;
  width: 100%;
}

.split-left-content{
  margin:25px;
  width: 80%;
  padding:25px;
  padding-top:80px;
  height:100%;
  display: block;
  margin-left:auto;
  margin-right:auto;
  color:white;
  font-size: 18px;
  font-weight: lighter;
  -ms-transform: skewY(2deg); /* IE 9 */
   -webkit-transform: skewY(2deg); /* Safari */
   transform: skewY(2deg);
}

.split-left-content ul{
  list-style-image: url(../img/list.png);
}

.split-left-content li{
  margin-bottom: 5%;
  font-size: 22px;
  padding: 0 25px;
  line-height: 1.3;
  font-style: italic;
}

i {
	margin-right: 15px;
}

.italic {
	font-style: italic;
}

.split-right-content{
  width: 80%;
  padding-bottom:40px;
  padding-top:100px;
  padding-bottom: 100px;
  height:100%;
  display: block;
  margin-left:auto;
  margin-right:auto;
  color:white;
  font-size: 20px;
  font-weight: lighter;
  -ms-transform: skewY(2deg); /* IE 9 */
   -webkit-transform: skewY(2deg); /* Safari */
   transform: skewY(2deg);
}

.split-right-content h4{
  font-weight: bold;
  font-size: 3vw;
  color:#393939;
}

.split-right-content p{
  margin:15px 0 35px 0;
  font-size: 30px;
  color:#393939;
}
/* Form */
.contact-form input[type=text], select, textarea {
    width: 100%;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 20px;
    resize: vertical;
    background-color: #e6e7e9;
}

input[type=text], select, textarea {
    width: 100%;
    padding: 12px 30px;
    border: none;
    border-radius: 5px;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 20px;
    resize: vertical;
}

.verzendknop, .verzendknop-contact {
    background-color: #393939;
    color: white;
    font-size: 17px;
    padding: 7px 40px 7px 30px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    background-image: url(../img/arrow.svg);
    background-repeat: no-repeat;
	background-size: 20px 19px;
    background-position-x: 90%;
    background-position-y: 51%;
    
}

.verzendknop-contact {
	background-color: #fae42e;
	color:black;
	background-image: url(../img/arrow-black.svg);
}

.verzendknop:hover {
	background-color: #454545;
}

.verzendknop-contact:hover {
	background-color: #393939;
	color:white;
	background-image: url(../img/arrow.svg);
}


/* Footer */
.footer{
  margin-top: -33px;
  width: 100vw;
  padding: 50px;
  background: black;
  color: white;
  position: relative;
  z-index: 50;
}

.footer-logo{
  width: 100%;
  margin-top: -35px;
}

.footer p {
  color:white;
  font-weight:bold;
  font-size: 23px;
  padding-bottom: 3%;
}

ul {
  list-style-type: none;
  padding-left: 0;
}

li {
  color: white;
}

/* Contact */
.contact-img {
  background-image: url(../img/contact_header.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  min-height: 100vw;
  max-height: 100vw;
  height: 100vw;
  z-index: -1;
}

.contact-container{
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius:5px;
  width: 100%;
  height: 100%;
  padding: 50px;
  -webkit-box-shadow: 0px 0px 24px 0px rgba(173,173,173,0.2);
  -moz-box-shadow: 0px 0px 24px 0px rgba(173,173,173,0.2);
  box-shadow: 0px 0px 24px 0px rgba(173,173,173,0.2);
}

.contact-title{
  font-size: 25px;
  margin-bottom: 10%;
}

.contactgegevens li {
  color:black;
}

.contact-left{
  float: left;
  width: 50%;
}
.contact-right{
  margin-top:8%;
  float: left;
  width: 50%;
  padding-left: 5%;
}

.footer-contact{
  width: 100vw;
  padding: 50px;
  background: black;
  color: white;
  position: relative;
  z-index: 50;
}

/*
input[type=submit]:hover {
	background-color: #fae42e;
	color:black;
}
*/

/* Products */
.graafmachine-img {
  background-image: url(../img/graafmachine_header2.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  min-height: 100vw;
  max-height: 100vw;
  height: 100vw;
}

.graafmachine-footer-img {
  background-image: url(../img/graafmachine_footer.png);
  background-size:cover;
  background-repeat: no-repeat;
  position: relative;
  z-index: -10;
  margin-top:-50px;
  width: 100vw;
  height: 32vw;
}

.spin-img {
  background-image: url(../img/spin_header2.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  min-height: 100vw;
  max-height: 100vw;
  height: 100vw;
}

.spin-footer-img {
  background-image: url(../img/spin_footer.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: relative;
  z-index: -10;
  margin-top:-50px;
  width: 100vw;
  height: 32vw;
}

.rups-img {
  background-image: url(../img/rups_header2.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  height: 40vw;
}

.rups-footer-img {
  background-image: url(../img/rups_footer.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: relative;
  z-index: -10;
  margin-top:-50px;
  width: 100vw;
  height: 32vw;
}

.minigraver-img {
  background-image: url(../img/mini_header2.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: absolute;
  width: 100%;
  min-height: 100vw;
  max-height: 100vw;
  height: 100vw;
}

.minigraver-footer-img {
  background-image: url(../img/mini_footer.png);
  background-size:contain;
  background-repeat: no-repeat;
  position: relative;
  z-index: -10;
  margin-top:-50px;
  width: 100vw;
  height: 32vw;
}

.product-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  border-radius:5px;
  width: 100%;
  height: 100%;
  padding: 50px;
  -webkit-box-shadow: 0px -36px 68px -19px rgba(0,0,0,0.34);
  -moz-box-shadow: 0px -36px 68px -19px rgba(0,0,0,0.34);
  box-shadow: 0px -36px 68px -19px rgba(0,0,0,0.34)
}

.product-container h3{
  margin-bottom: 3%;
}

.product-split-left{
  background-color: #393939;
  width: 100%;
}

.product-split-right{
  background-color: #fae42e;
  width: 100%;
}

.product-split-left-spin{
  background-color: #393939;
  width: 100%;
  height:60vw;
}
.product-split-right-spin{
  background-color: #fae42e;
  width: 100%;
  height:60vw;
}

/* Breadcrumb */

.breadcrumb {
    padding: 0;
    margin-bottom: 5%;
    list-style: none;
    background-color: white;
    border-radius: .25rem;
}
ul.breadcrumb {
    list-style: none;
}
ul.breadcrumb li {
    display: inline;
    font-size: 14px;
    font-family: helvetica, sans-serif;
    font-weight: bold;
}
ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "";
}
ul.breadcrumb li a {
    color: black;
    text-decoration: none;
}
ul.breadcrumb li a:hover {
    color: #fae42e;
}

@media only screen and (max-width: 1920px) {
  .container-fluid {
    padding: 0 7%;

  }
}

@media only screen and (max-width: 1870px) {
  .container-fluid {
    padding: 0 7%;
  }
  .car-img {
    padding:0;
  }
}

@media only screen and (max-width: 1100px) {
 	.home-icon-padding {
		padding: 0px 10px;
		height: auto
	}
   .home-icon-padding-left {
		padding: 0 10px;
		height: auto
	}
   .home-icon-padding-right {
		padding: 0 10px;
		height: auto
	}
	.car-img{
	  width: 100%;
	}
	.welkom-padding {
		padding:0 40px;
	}
}

@media only screen and (max-width: 1000px) {
    .mobile-margin {
      margin-top:3%;
    }
    .navbar-brand img{
      padding-left:15px;
      width: 240px;
    }
    .contact-left {
      width: 100%;
    }
    .contact-right{
      width: 100%;
      padding-left: 0%;
    }
    .footer-logo{
      width: 50%;
    }
    .paddingDesktop{
      padding:0;
    }
    .home-title {
      font-size: 25px;
    }
    .home-product h4 {
	 	font-size:18px;
 	}
 	.welkom-padding {
	 	padding: 0;
 	}
 	.split-right-content h4{
	  font-size: 35px;
  	}
  	.split-left-content li {
	    font-size: 18px;
	}
  }

@media only screen and (max-width: 980px) {
  .header {
    min-height:55px;
  }
   .rups-footer-img {
	  height: 55vw;
	  background-size:cover;
	  background-position: center;
	}
	.minigraver-footer-img {
	  height: 55vw;
	  background-size:cover;
	  background-position: center;
	}
	.graafmachine-footer-img {
	  height: 55vw;
	  background-size:cover;
	  background-position: center;
	}
	.spin-footer-img {
	  height: 55vw;
	  background-size:cover;
	  background-position: center;
	}
}

@media only screen and (max-width: 800px) {
  .home-title {
    font-size: 25px;
  }
  .home-icon-padding {
	padding: 0 10px;
  }
   .home-icon-padding-left {
	padding: 0 10px;
  }
   .home-icon-padding-right {
	padding: 0 10px;
  }
 
}

@media only screen and (max-width: 600px) {
    .home-title{
      margin-top:15%;
      font-size:25px;
    }
    .home-img {
	  background-image: url(../img/mobile_home_header.png);
    }
    .footer-logo{
      width: 100%;
    }
    .navbar-brand img{
      padding-left:15px;
    }	
    .footer {
    	margin:0;
    	margin-top:-33px;
    }
	.margin-mobile-min {
    	margin-left:0;
    	margin-right:0;
    }
    .header-align-mobile {
    	margin-right: -16px;
    }
    .custom-margin {
	    margin-top: 60%;
    }
    .footer{
	  padding: 40px;
	}
	.product-container {
		padding:40px;
	}
	.split-right-content {
		width: 76%;
	}
	.car-img {
		margin-top: 10px;
	}
	.home-img {
		background-size:cover;
		background-position-x: 75%;
		background: rgba(0, 0, 0, 0.25), url(../img/home_header.jpg) !important;
	}
	.container-fluid {
		 padding: 0;
	}
	.welkom-padding {
  		padding:20px 5%;
  	}
	.welkom-subtitle {
		margin-bottom: 2%;
	}
	.contact-container {
		padding:30px;
	}
	.welkom-info {
		font-size: 18px;
	}
	.header {
		padding:0 0 !important;
	}
	.split-right-content p{
	  font-size: 25px;
	}
	 .rups-footer-img {
	  height: 65vw;
	}
	 .minigraver-footer-img {
	  height: 65vw;
	}
	.graafmachine-footer-img {
	  height: 65vw;
	}
	.spin-footer-img {
	  height: 65vw;
	}
}

@media only screen and (max-width: 450px) {
    .home-title-home{
      margin-top:35%;
      font-size:22px;
    }
	.home-title {
		margin-top:18%;
		font-size:22px;
	}
	
}