@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,400i,700,900&display=swap'); 

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: visible;
}

p, a, li{
    font-family: Lato, serif;
        font-weight: 300;
}

a
{
  color: #756939;
}

a:hover
{
  color: #756939;
}

button a:hover{
    text-decoration:none;
}
.afspraak 
{
    color: black;
}
.afspraak:hover 
{
    color: black;
}
.rechtsdomeinText button 
{
  transition: all .2s ease-in-out;
}
.rechtsdomeinText button:hover
{
  transform: scale(1.15);
}
h1, .h1 {
    font-family: Lato, serif;
    font-weight: 500;
    font-size: 50px;
}

h2, .h2 {
    font-family: Lato, serif;
  font-size: 2rem;
    font-weight: 500;
}

h3, .h3 {
    font-family: Lato, serif;
  font-size: 1.75rem;
    font-weight: 500;
}

h4, .h4 {
    font-family: Lato, serif;
  font-size: 1.5rem;
    font-weight: 500;
}

h5, .h5 {
    font-family: Lato, serif;
  font-size: 1.25rem;
    font-weight: 500;
}

h6, .h6 {
  font-size: 1rem;
    font-weight: 500;
}
.bannerButton button 
{
    color: white;
    border-color: white;
    border: 2px solid;
    margin-right: 15px;
    transition: all .2s ease-in-out;
}
.bannerButton button:hover 
{
    font-size: 17px;
    outline: 1.5;
    transform: scale(1.05);
}

.bannerdiv{
    height: 90vh;
}

.bannerBox 
{
  margin-top: -100px;
  height: 100px;
  background-color: #391e1b;
}
.bannerBox p  
{
  color: white;
  font-size: 15px;
  text-align: center;
  padding-top: 15px;
}
.bannerText 
{
    position: relative;
    top: 55vh;
    left: 200px;
    color: white;
    font-size: 3.3em;
    font-family: "Cormorant Garamond";
    text-transform: Uppercase;
    width: 90%;
}
.maps  
{
 color: #736940;
}
.homeBan
{
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
.banPic
{
  max-width: 100%;
  height: auto;
  width: auto\9; /* ie8 */
}
.bannerRecht
{
  position: fixed;
  top: 5.6rem;
  z-index: 10;
  margin-top: -2rem;
  height: 170px;
  width: 100%;
  background-image: url('/media/qkglexsa/bannersmall.jpg');
}
.bannerRecht h1{
    bottom: 25px;
    position: absolute;
    left: 200px;
    font-family: "Cormorant Garamond";
    font-weight: 400;
    font-size: 50px;
}
.navbar-nav > li
{
    display: block;
    float: left;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("/media/flvnygof/menu.png");
}

.navbar-dark .navbar-brand {
  color: black;
}

.navbar-dark .navbar-nav .nav-link {
  color: black;
  font-family: Lato;
}

.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: #756939;
}

.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: black;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("/media/flvnygof/menu.png");
}

.sub
{
  color: #756939;
  font-size: 1rem;
  font-family: Lato;
  font-weight: 300;
  text-transform: uppercase;
}
.nav-column-team, .nav-column3, .nav-column4
{
  z-index: 12;
  float: right;
  width: 20%;
  padding: 1%;
}
.nav-column4 ul
{
  float: right;
  margin-right: 16%;
  margin-top: 1rem;
}
.nav-column3 ul
{
  float: right;
  margin-right: 34%;
  margin-top: 1rem;
}
.nav-column-team ul
{
  float: right;
  margin-right: 46.2%;
  margin-top: 1rem;
}
.nav-column-team li, .nav-column3 li, .nav-column4 li
{
  list-style-type: none;
}
.nav-column-team li a, .nav-column3 li a, .nav-column4 li a
{
  display: block;
  line-height: 26px;
  text-decoration: none;

  font-family: Lato;
  font-weight: 300;
  font-size: 11px;
  color: black;
}
.nav-column-team li a:hover, .nav-column3 li a:hover, .nav-column4 li a:hover
{
  color: #666666;
}
.navbar-nav .nav-column {
    float: right;
    width: 20%;
    padding: 1%;
}
.test2
{
  display: none;
  padding: 0 20px;
  list-style-type: none;
	position: relative;
}
.test2 li a
{
  text-decoration: none;
  color: black;
}
.test:hover > ul
{
  display: block;
}
.navbar-nav .nav-column li
{
  list-style-type: none;
}

.navbar-nav .nav-column li a {
    display: block;
    line-height: 26px;
    text-decoration: none;

    font-family: Lato;
    font-weight: 300;
    /*font-size: 11px;*/
    color: black;
}

.navbar-nav .nav-column li a:hover { color: #666666; }

.navbar-nav > li
{
  padding-left: 1.5rem;
}

.navbar-nav > li > a
{
  position: relative;
    display: block;
    z-index: 510;
    height: 54px;
    padding: 0 20px;
    padding-left: 2rem;
    line-height: 54px;

    font-family: Helvetica, Arial, sans-serif;
    /*font-size: 14px;*/

    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
}
.navbar-nav > li > div
{
  position: fixed;
  display: block;
  width: 100%;
  top: 50px;
  left: 0;

  opacity: 0;
  visibility: hidden;
  overflow: hidden;

  background: #ffffff;
  border-radius: 0 0 3px 3px;

  -webkit-transition: all .3s ease .15s;
  -moz-transition: all .3s ease .15s;
  -o-transition: all .3s ease .15s;
  -ms-transition: all .3s ease .15s;
  transition: all .3s ease .15s;
}
.navbar-nav > li:hover > div
{
  opacity: 1;
    visibility: visible;
    overflow: visible;
}

.navbar-nav > li:first-child > a {
    border-radius: 3px 0 0 3px;
    border-left: none;
}
header
{
  position: fixed;
  top: 0px;
  width: 100%;
  transition: padding 300ms ease;
  z-index: 20;
}
.sticky {
    padding: 10px 20px;
}
.stay
{
  color: #756939 !important;
  font-weight: lighter !important;
}
.fix
{
  margin-top: 1.5rem;
}
.intro
{
  text-align: center;
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.RdomeinInfo
{
  justify-content: flex-end;
  align-self: center;
  text-align: right;
  line-height: 1.3rem;
}
.RdomeinInfo p
{
  text-align: right;
  align-self: flex-end;
  width: 60%;
  margin-left: 40%;
}
.RdomeinInfo h2
{
  padding-bottom: 1.5rem;
  color: #756939;
  font-family: Cormorant Garamond;
}
.RdomeinPic
{
  display: flex;
  align-items: flex-end;
}
.team
{
  display: flex;
  flex-direction: row;
  height: 42rem;
  background-color: #391e1b;
}
.contactLeft
{
  margin-left: 10%;
  margin-top: 5rem;
  width: 25%;
}
.contactLeft p
{
  font-family: Lato;
  font-weight: 300;
}
.contactLeft span
{
  font-family: Lato;
  font-weight: 700;
}
.contactRightIntro
{
  font-family: Lato !important;
  font-weight: 700;
  color: #756939;
}
.contactLeft h4
{
  color: #756939;
}
.contactRight
{
  margin-left: 5%;
  margin-top: 5rem;
  padding: 2rem;
  width: 60%;
  background-color: #F7F4EC;
}
.contactRight p
{
  font-family: Lato;
  font-weight: 300;
  line-height: 1.3rem;
}
.contactRight label
{
  font-family: Lato;
  font-size: 0.9rem;
}
.contactTop
{
  margin-top: -2rem;
}
.contactTop input[type=text], .contactTop input[type=email]
{
  width: 59.5%;
  border: none;
  outline: none;
}
.contactTop textarea
{
  width: 59.5%;
  border: none;
}
.contactForm
{
  display: flex;
}
.textMarker
{
  font-style: italic;
  color: #756939;
}
.marker
{
  margin-right: 0.5rem;
}
.whitespace4 
{
    height: 10rem;
}
.whitespace4 img 
{
  position: relative;
  left: 52.5%;
  bottom: 18%;
  width: 13rem;
  max-width: 500px;
  height: auto;
}
.whitespace1
{
  height: 20rem;
}
.whitespace1 img
{
    position: relative;
    top: 52%;
    left: 6rem;
    width: 447px;
    height: auto;
}
.whitespace2
{
  height: 10rem;
}
.whitespace3
{
  height: 15rem;
}
.whitespace3 img
{
  position: relative;
  top: 2rem;
  left: 50%;
  width: 40%;
  max-width: 200px;
  height: auto;
}
.whitespace2 img
{
  position: relative;
  left: 7rem;
  bottom: 2rem;
  width: 40%;
  max-width: 500px;
  height: auto;
}
.wettelijkePic
{
  height: 30%;
  width: 45%;
  position: relative;
}
.wettelijke h4
{
  font-size: 1.3rem;
  font-family: Lato;
  font-weight: 700;
}
form
{
  display: flex;
  flex-direction: column;
}
.containerContact
{
  display: flex;
}
.formContact
{
  display: flex;
  flex-direction: column;
}
.formRight
{
  padding-left: 6rem;
}
.teamNames span
{
  padding-left: 2.5rem;
  background-image: url('/media/mtdb3bcx/line.png');
  background-repeat: no-repeat;
  background-position: 0px 13px;
}
.teamNames span a 
{
  color: white;  
}
.borderRight{
    border-right: 1px solid #756939;
    padding: 0;
    }
.vr
{
  width:1px;
  background-color:#756939;
  position:relative;
  bottom: 6rem;
}
.vr2
{
  width:1px;
  background-color:#756939;
  position:relative;
  bottom: 3rem;
  height: 35rem;
}
.vr3
{
  width:1px;
  background-color:#756939;
  position:relative;
  height: 58rem;
  top: 2rem;
}
.vr4
{
  width:1px;
  background-color:#756939;
  position:relative;
  height: 7rem;
  top: 2rem;
}
.containerProEdo
{
  display: flex;
  justify-content: flex-end;
}
.proEdo, .rechtsbijstand
{
 width: 53.5%;
 padding: 3rem;
 padding-right: 8rem;
}

.proEdo
{
 background-color: #EFEADC;
}

.proEdo p, .rechtsbijstand p
{
  font-size: 0.8rem;
  width: 90%;
}
.proEdo h2, .rechtsbijstand h2
{
  color: #756939;
}
.proEdo img, .rechtsbijstand img
{
  margin-bottom: 1rem;
}
.containerEreloon
{
  display: flex;
}
.ereloonImg
{
  width: 46.5%;
}

.containerKantoor
{
  display: flex;
  justify-content: flex-end;
  margin-right: 6rem;
  margin-top: 5rem;
}
.kantoor
{
  margin-left: 2rem;
  width: 40rem;
}
.kantoor h2, .kantoor p
{
  color: black;
  font-family: Lato;
  font-weight: 300;
  line-height: 1.4rem;
  margin-top: 2rem;
}
.kantoor img
{
  margin-bottom: 1rem;
}
.eerloon
{
  margin-left: 12% !important;
    width: 80% !important;
    margin-top: 2rem !important;
}
.eerloon p
{
  margin-bottom: 2rem;
}
.eerloon h2
{
  color: #756939;
}
.wettelijke
{
  display: flex;
  margin-top: 5%;
}
.downloadLink
{
  color: #756939;
}
.eerloon img
{
  margin-bottom: 1rem;
}
.personalInfo img
{
  margin-top: 2rem;
  margin-bottom: 2rem;
}
.spaceText
{
  position: relative;
  left: 12rem;
  top: 17rem;
  border: 2px solid lightgrey;
  padding: 1rem;
  width: 70%;
  font-size: 2rem;
  font-family: Cormorant Garamond;
  text-transform: uppercase;
  color: #756939;
}
.spaceText a
{
    margin-left: 2rem;
    font-family: Cormorant Garamond;
    color: #756939;
    font-size: 18px;
}
.spaceText a:hover
{
  text-decoration: underline;
  padding-bottom: 8px;
}
footer
{
  height: 40rem;
  background-color: #391e1b;
  font-size: 0.8rem;
  line-height: 1.3rem;
  display: flex;
}
footer a 
{
  color: #fff;  
}
footer a:hover 
{
  color: #fff;
  font-size: 1rem;
}
.contactBig
{
  font-size: 1rem;
}
.kantoren
{
  color: white;
  padding-top: 4rem;
  position: relative;
  left: 23rem;
  font-size: 0.8rem;
}
.contactButton
{
  width: 10rem;
  margin-top: 2rem;
}
.contactColor
{
  color: #756939;
  font-family: Lato;
  font-weight: 300;
}
.contactMid
{
  color: #756939;
  font-family: Lato !important;
  font-weight: 700;
}
.contactInfo
{
  position: relative;
  left: 10rem;
  top: 13rem;
  color: white;
}
.teamPics
{
  position: relative;
  padding-right: 5rem;
  top: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  margin-top: 1.3rem;
}
.teamPics img
{
  margin-bottom: 1.3rem;
}
.teamText
{
  margin-top: 5rem;
  display: flex;
  color: white;
  flex-direction: column;
  font-size: 0.8rem;
  line-height: 1.3rem;
}
.teamText span
{
  font-size: 1.1rem;
}
.teamText h2
{
  color: #756939;
  font-size: 1.7rem;
  font-family: Cormorant Garamond;
}
.teamNames
{
  margin-top: 3rem;
  max-width: 100%;
}
.domeinList
{
  list-style-type: none;
  padding-left: 0;
  padding-top: 2rem;
}
.domeinList li a
{
  color: #B8AC82;
}
.rechtsdomeinen
{
  width: 40%;
  margin-left: 10%;
  margin-top: 5rem;
  font-size: 1rem;
  color:#B8AC82;
}
.rechtsdomeinen h6
{
    display:inline-block;
}
.rechtsdomein1,.rechtsdomein2,.rechtsdomein3,.rechtsdomein4
{
  /*display: flex;*/
  margin-top: 3rem;
}
.rechtsdomein1 img ,.rechtsdomein2 img ,.rechtsdomein3 img,.rechtsdomein4 img
{

}
address
{
  height: 25rem;
}
.introText
{
  display: inline-block;
  line-height: 1.3rem;
  width: 35rem;
}
.introText h2
{
  color: #756939;
  font-family: Cormorant Garamond;
}
.introText span
{
  font-weight: 700;
}
.Rdomeinen
{
  display: flex;
  flex-direction: row;
  margin-top: 6rem;
}
.bold
{
  font-weight: 700;
}
.picTest
{
  padding-top: 2rem;
  padding-bottom: 2rem;
  width: 50%;
  height: 50%;
}
button
{
  background: none;
  border: 1px solid black;
  padding: 1.3rem;
  margin-bottom: 2rem;
}
.navTeam
{
  /*padding-top: 14rem;*/
  margin-left: 8rem;
}
.navTeamList
{
  display: flex;
}
.navTeamItem
{
  list-style-type: none;
}
.navTeamItem a, .navTeamItem
{
  color: #756939;
}
.active
{
  color: black !important;
  font-weight: 500;
}
.teamIntro
{
  display: flex;
  height: 25rem;
  background-color: #251314;
  width: 100%;
  color: white;
  justify-content: center;
  align-content: center;
}
.teamIntro a
{
  text-decoration: none;
  color: white;
}
.teamButton
{
  position: relative;
  top: 9rem;
  right: 1rem;
  color: white;
  border: 1px solid white;
  padding: 1rem;
  height: 3.5rem;
  text-align: center;
  transition: all .2s ease-in-out;
}
.teamButton:hover 
{
    transform: scale(1.15);
}
.teamContact
{
    margin-left: 62%;
    margin-top: 3rem;

}
.teamContact span
{
  font-weight: 700;
  font-size: 1.1rem;
}
.teamSoloPic
{
  align-self: center;
}
.teamPersonal
{
  display: flex;
}
.personalPic
{
  max-width: 670px;
  width: 50%;
  height: 30%;
  position: relative;
  top: 20rem;
}
.teamPersonal h4
{
  font-size: 1.3rem;
  color: #362D17;
}
.personalInfo
{
  margin-left: 3%;
  margin-right: 3%;
  margin-top: 5%;
}
.personalInfo p
{
  width: 80%;
}
.personalInfo ul li
{
  list-style-type: none;
  margin-left: -2.3rem;
}
.personalText
{
  margin-bottom: 15%;
}
#navbarResponsive
{
  margin-top: 0.5rem;
  justify-content: flex-end;
}
.containerTeam
{
  display: flex;
  flex-direction: column;
}
.containerRecht
{
  display: flex;
  flex-direction: row;
}
.rechtsdomeinText
{
  line-height: 1.3rem;
  margin-top: 8rem;
  width: 30%;
}
.rechtsdomeinText h2, .rechtsdomeinText h3
{
  padding-bottom: 1.5rem;
  font-family: Lato;
  font-weight:300;
}




@media (max-width: 991.98px) {

    .bannerText {
        left: 100px;
        font-size: 2.5em;
    }
    .bannerBox p {
        font-size: 16px;
    }  
  .container-ereloon .row
  {
    flex-direction: column;
    margin-left: 8%;
  }
  .eerloon
  {
    width: 80% !important;
    margin-top: 5%;
  }
  .ereloonImg
  {
      align-self: center;
  }
  .container-pro-deo 
  {
      justify-content: flex-start !important;
  }
  .pro-deo 
  {
      width: 100% !important;
      padding-right: 8% !important;
      padding-left: 11% !important;
  }
  .container-rechtsbijstand .row
  {
      flex-direction: column;
  }
  .containerContact
  {
      display:flex;
      flex-direction: column;
  }
  .contactRight
  {
      width: 90% !important;
  }
}

@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
  .nav-column4 ul
  {
    float: right;
    margin-right: 50% !important;
    margin-top: 2rem !important;
    height: 15rem;
  }
  .nav-column3 ul
  {
    float: right;
    margin-right: 60.5% !important;
    margin-top: 1rem !important;
    height: 15rem;
  }
  .nav-column-team ul
  {
    float: right;
    margin-right: 53% !important;
    margin-top: 1rem;
    height: 15rem;
  }
  .navbar-toggler
   {
     margin-top: 1.3rem;
   }
}

@media (max-width: 600px)
{
    .personalInfo p, .personalInfo h4, .personalInfo img
    {
      margin-left: 10%;
    }
    .personalInfo p
    {
        font-size: 1rem;
    }
   .navbar-brand
    {
      width: 80%;   
    }
   .navbar-brand img 
   {
    width: 35%;
    height: 40%;
   }
   .navTeamList
   {
       display: flex;
       flex-direction: column;
   }
   .navTeamList li
   {
   padding-top: 0.5rem;
   }
   .navTeamList li a 
   {
     font-size: 1rem;
   }
   .stay
   {
       display: none;
   }
   .teamButton
   {
       right: 1rem;
       height: 3rem;

   }

  .nav-column img
  {
    width: 50%;
  }
  .rechtsdomeinText
  {
    width: 30%;
    margin-left: 15%;
    margin-top: 3rem;
  }
  .rechtsdomeinText h2
  {
    font-size: 1rem;
    font-family: Cormorant Garamond;
  }

  .rechtsdomeinen
  {
    width: 30%;
    margin-left: 1rem;
    margin-top: 2rem;
  }
  .spaceText
  {
    position: relative;
    left: 6rem;
    top: 6rem;
    border: 2px solid lightgrey;
    padding: 1rem;
    width: 50%;
    font-size: 1rem;
    font-family: Cormorant Garamond;
    color: #756939;
    z-index: 99;
  }
  .personalPic
  {
    height: 16rem;
    width: 65%;
    position: relative;
    top: 3rem;
    margin-left: 15%;
    padding-bottom: 4rem;
  }
  .personalInfo ul
  {
    width: 100%;
  }
  .personalInfo ul li
  {
    list-style-type: none;
    margin-left: -1.3rem;
    width: 100%;
    font-size: 1rem;
  }
  .navTeamItem a
  {
    color: #756939;
    text-decoration: none;
  }
  .whitespace3 img,.whitespace2 img
  {
    position: relative;
    top: 50%;
    left: 30%;
    width: 40%;
    max-width: 200px;
    height: auto;
  }
  .whitespace4 img 
  {
    top: 0.9rem !important;
  }
  .contactInfo
  {
    width: 50%;
    padding-left: 2rem;
  }
  .kantoren
  {
    padding-left:4rem;
  }
  .navbar-dark .navbar-nav .nav-link
  {
    font-size: 14px;
  }
  .eerloon h2
  {
    font-size: 1.2rem;
  }
  .proEdo, .rechtsbijstand
  {
   width: 48.2rem;
   padding: 2rem;
  }
  .proEdo p, .rechtsbijstand p
  {
    width: 90%;
  }
  .contactLeft p
  {
    font-family: Lato;
    font-weight: 300;

  }

  .contactRight label
  {
    font-family: Lato;
  }
  .formRight
  {
    margin-left: 10%;
    padding-left: 0 !important;
  }
  .teamNames
  {
    margin-top:2rem;
  }

  .teamPics
  {
    align-items: flex-start;
    padding-right: 0;
    margin-top: -2rem;
  }
  .teamPics img
  {
    width:7.5rem;
    height:8rem;
    
  }
  .teamText h2
  {
    color: #756939;
    font-size: 1.2rem;
    font-family: Cormorant Garamond;
  }

  .teamText 
  {
    margin-top: 5rem;
    margin-left: -5rem;
    max-width: 90%;
  }
  .RdomeinInfo
  {
    text-align: center;
  }
  .RdomeinInfo h2, .introText h2
  {
    font-size: 1.5rem;
  }
  .RdomeinInfo
  {
      margin-bottom: 10%;
  }
  .RdomeinInfo p
  {
    width: 80%;
    padding-right: 5%;
    padding-left: 5%;
    align-self: center;
    text-align: center;
    margin-left: 12%;
  }
  .RdomeinPic img
  {
    margin-bottom: 5rem;
  }
  .contactButton
  {
    width: 6rem;
    font-size: 0.5rem;
    margin-top: 2rem;
  }
  #navbarResponsive
  {
    margin-top: 0.5rem;
    justify-content: flex-start;
  }
  .rechtsdomein1 img ,.rechtsdomein2 img ,.rechtsdomein3 img,.rechtsdomein4 img
  {
    position: relative;
    bottom: 2rem;
  }
  .teamPersonal
  {
    display: flex;
    flex-direction: column;
  }
  .contactTop input[type=text]
  {
    width: 90.5%;
    border: none;
    outline: none;
  }
  .contactTop textarea
  {
    width: 90.5%;
    border: none;
  }
  .contactForm
  {
    display: flex;
    flex-direction: column;
  }
  .formLeft
  {
    margin-left: 10%;
  }
  .formRight
  {
    margin-top: 2rem;
  }
  .contactForm label
  {
    font-size: 0.9rem;
  }
  .containerContact
  {
    display: flex;
    flex-direction: column;
  }
  .contactRight, .contactLeft
  {
    width: 90%;
  }
  .contactLeft p
  {
    font-size: 1rem;
  }
  .contactRight p
  {
    font-size: 0.9rem;
  }
  .teamSoloPic
  {
    width: 35% !important;
    top: 2rem !important;
    left: 50% !important;
  }
  .wettelijke
  {
    display: flex;
    flex-direction: column;
  }
  .wettelijkePic
  {
    height: 30%;
    width: 45%;
    margin-left: 25%;
  }
  .vr3
  {
    display: none;
  }
  .introText p 
  {
      padding: 15px 10px;
  }
  .ereloonImg {
    display: none;
    }
  .containerEreloon .row
  {
    flex-direction: column;
    margin-left: 6%;
  }
  .eerloon
  {
    width: 85% !important;
    margin-top: 5%;
  }
  .containerProEdo 
  {
      justify-content: flex-start !important;
  }
  .proEdo , .rechtsbijstand
  {
      width: 100% !important;
      padding-right: 8% !important;
      padding-left: 11% !important;
  }
  .containerRechtsbijstand .row
  {
      flex-direction: column;
  }
  .introText
  {
      width: 20rem !important;
  }
}

.carousel-control-prev-icon {
  background-image: url("/media/flvnygof/menu.png");
}

.carousel-control-next-icon {
  background-image: url("/media/flvnygof/menu.png");
}

.bg-white {
  background-color: white !important;
}


.dropdown-menu {
    font-family: Lato;
    /*font-size:14px;*/
	min-width:300px;
}
.dropdown-menu h6{
    font-family: Lato;
    font-size:14px;
}
.dropdown-menu.columns-2 {
	min-width: 400px;
}
.dropdown-menu.columns-3 {
	min-width: 600px;
}
.dropdown-menu.columns-4 {
	min-width: 800px;
}
.dropdown-menu li a {
	padding: 5px 15px;
	font-weight: 300;
}
.multi-column-dropdown {
	list-style: none;
  margin: 0px;
  padding: 0px;
}
.multi-column-dropdown li a {
	display: block;
	clear: both;
	line-height: 1.428571429;
	color: #333;
	white-space: normal;
}
.multi-column-dropdown li a:hover {
	text-decoration: none;
	color: #262626;
	background-color: #999;
}
 
@media (max-width: 767px) {
	.dropdown-menu.multi-column {
		min-width: 240px !important;
		overflow-x: hidden;
	}
}

@media (min-width: 992px){
.navbar-expand-lg .navbar-nav .dropdown-menu.columns-4 {
    position: absolute;
    left: -200px;
    }
}

.scroll-container{
        padding-top: 250px;
    margin-bottom: -250px;
}

.fixed{
    position:sticky;
    top:0px;
    background:white;
    padding-bottom:1px;
}

.breadcrumbs{
    padding-top:250px;
}

.breadcrumbs.fixed{
    z-index:9;
}

.personalInfo a {
        color:#756939;
        font-style: italic;
}

@media (max-width: 576px) { 
    .bannerText {
        left: 25px;
        top: 25vh;
        font-size: 2em;
    }
    .bannerBox p {
        font-size: 14px;
    } 
    .bannerdiv{
    height: 55vh;
    }
    .navNor 
    {
        display: none;
    }
    .navMob 
    {
        display: block;
    }
    .hidden 
    {
      display: none;
    }
    .bannerButton button 
    {
        margin-right: 0;
    }

}
.containerRecht h3{
    font-size: 1.50rem;
    font-weight: 300;
        color: #756939;
}
.containerRecht .bold{
    font-weight: 300;

}

#navbar-logo-large {
    width:200px;
    transition: all linear .5s;
}
#navbar-logo-small {
    width:100px;
}