/* BOX SIZING */
* { box-sizing:border-box;}
/* small reset */
html, body {padding: 0px;margin: 0px;list-style-type: none;text-decoration: none; max-width: 100%;
    overflow-x: hidden;}

/* remove button focus*/
button:focus {outline:0;}

/* font-sizing */
html{ font-size: 62.5%; } 
body{ font-size: 16px; font-size: 1.6rem; line-height: 1.5;} /* =16px */
h1{ font-size: 24px; font-size: 2.4rem; line-height: 1.3; font-weight: 400;} /* =24px */
h2{ font-size: 20px; font-size: 2rem; font-weight: 400;} /* =20px */
li{ font-size: 16px; font-size: 1.6rem;} /* =16px */
p{ font-size: 16px; font-size: 1.6rem; font-weight: 300;} /* =16px */


/* CLEARFIX */
.clearfix:before, 
.clearfix:after{
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;}
.clearfix:after {clear: both;}
.clearfix {*zoom:1;}

.elementhide {display: none;transition: 1s;}
.elementshow {display: block;transition: 1s;}

/* Body */
body {
    height: 100%;
    font-family: 'Raleway', sans-serif;
    color: #474747;
    background: #FFF;
}


p1 { font-size: 16px; font-size: 1.6rem; font-weight: 300; color:#fafafa;} /* =16px */


a {
    list-style-type: none;
    text-decoration: none;
}

.container {
    width: 1300px;
}

/* Menubar */

.navigationtop {
    height: 100px;
    width: 100%;
    z-index: 100000;
    position: absolute;
    background-color: rgba(0,0,0,.5);
    border-bottom: 1px solid #cccccc;
}

.navshow {
    background-color: #2e2b26;
    border-bottom: 0px;
    top: 0;
    transition: 1s;
}

.navhide {
    background-color: rgba(0,0,0,.5);
    border-bottom: 1px solid #cccccc;
    transition: 1s;
}


#wrap {
    margin: 0 auto;
    width: 1300px;
}

/* Menubar Logo */

.logo {
    height: 100px;
    width: 25%;
    margin: 0;
    padding: 0;
    float: left;
}

#logo {
    width: 275px;
    display:block;
    margin:0 auto;
    padding-top: 20px;
    float: left;
}


/* Mobile Menu */

.mobilebutton {
    font-size: 14px; 
    font-weight: 300;
    background:none;
    position:absolute;
    top:0;
    right:0;
    margin: 35px 30px 0px 0px;
    cursor:pointer;
    color:#ffffff;
    -moz-border-radius:2px;
	-webkit-border-radius:2px;
    border-radius:2px;    
    border:1px solid #ffffff;
    padding: 5px 5px 5px 5px;
    visibility: hidden;
}

.mobilenav {
    position: absolute;
    margin-top: 100px;
    width: 100%;
    text-align: center;
    padding: 0px;
    visibility: hidden;
}   

.mobilenav a {
    color: #ffffff;
    width: 100%;
    padding: 10px 30px 10px 30px;
    display: block;
    font-size: 16px; 
    font-size: 1.6rem; 
    font-weight: 400;
    text-decoration: none;
}
    
.mobilenav a:hover {
    text-decoration: none;
}
    
.mobilenav li{
    width: 100%;
    display: block;
    border-top: 2px solid #c3b091;
    background-color: #2e2b26;
}

.mobilenav  li:hover {
    background-color: #a58d77;
}

.mobilenav ul{
    padding: 0;
    margin: 0;
}  

/* ------------------------------------- Menubar Menu */

.headerdivider {
    border-left:1px solid #FFF;
    height:10px;
}

.headermenu {
    width: 75%;
    height: 100px;
    padding: 30px;
    padding-right: 0px;
    float: left;
}

.menuright {
    position: relative;
}

.menuright3 {
    position: absolute;
    right: 0;
}

.headermenu ul {
    padding:0;
    margin:0;
    position: relative;
}

.headermenu ul li {
    margin: 0px;
    display:inline-block;
    float: left;
    padding-left: 120px;
}

.headermenu ul ul {
    display: none;
    position: absolute;
    top: 100%;
    margin-top: 40px;
    background: #388FA7;
    overflow: hidden;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

.headermenu ul li:hover > ul {
    display:inherit;
}

.headermenu ul ul li {
    min-width:180px;
    float:none;
    display:list-item;
    position: relative;
    padding: 0;
}

.headermenu a {
    
    color: #ffffff;
    font-size: 16px; 
    font-size: 1.6rem; 
    font-weight: 300;
    text-decoration: none;
    line-height: 40px;
    padding-left: 1px;
    padding-right: 1px;
    display:block;

}

.menuright li > a:after { content:  ' +'; }
.menuright li > a:only-child:after { content: ''; }

.headermenu ul a:hover {
    border-bottom: 1px solid #c0d890;
}

.headermenu a:hover {
}

.headermenu ul ul li a:hover {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border-bottom: 0px;
    background: rgba(0,0,0,.2);
}
   
.headermenu .activemenu {
    color: #c0d890;
    font-weight: 600;
    border-bottom: 1px solid #c0d890;
}

.headermenu ul ul li .activemenu {
    color: #ffffff;
    font-weight: 700;
    background: rgba(0,0,0,.4);
    border-bottom: 0px;
}

.headermenu .activemenu:hover {
    color: #c0d890;
    border-bottom: 0px;
}

.mobilenav .activemenu {
    font-weight: 700;
    color: #c0d890;
}

.stopfade {
   opacity: .0;
}


/* Header */

.header {
    height: 940px;
    width: 100%;
    background: url(../img/background.jpg) no-repeat center;
    background-position: right top;
    background-size: cover;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    z-index: 0;
}

.headerwrapper {
    width: 80%;
}

.headerwrapper2 {
    width: 100%;
}

.headerwrapperright {
    width: 85%;
    float: right;
}

.headerwrapperright img {
    margin: 0 auto;
}

#buttonwrapper {
    width: 67%;
    margin-top: 60px;
}

#buttonwrapper2 {
    width: 100%;
    margin-top: 36px;
    float: left;
}

.headerbase {
    height: 700px;
    margin: 0 auto;
   }

.headercontent {
    width: 100%;
    position: relative;
    top: 25%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10000;
    height: 0px;
   }

.headercontent hr {
    width: 67%;
    height: 6px;
    float: left;
    border: none;
    background: white;
    margin-top: 30px;
    margin-bottom: 40px;
}

.headercontent h1 {
    color: #fafafa;
    font-weight: 900;
    font-size: 6rem;
    line-height: 50px;
    margin: 0;
    font-family: 'Raleway';
    text-shadow: 0px 5px 10px rgba(0,0,0,.7);}

.headercontent h2 {
    color: #fafafa;
    font-size: 2rem;
    font-weight: 400;
    margin: 0;
    font-family: 'Raleway', sans-serif;
    text-shadow: 0px 2px 5px rgba(0,0,0,.4);}

.headercontent p {
    color: #fafafa;
    font-size: 1.9rem;
    font-weight: 200;
    
}

.headertext{
    width: 50%;
    float: left;
}

.headertext img{
    display: block;
    margin: auto;
}

.headertext2{
    width: 50%;
    float: left;
}

.headertext2 img{
    display: block;
    margin: auto;
}


.headertext3{
    width: 100%;
    float: left;
}

.headertext3 img{
    display: block;
    margin: auto;
}

.mockup {
    width: 100%;
    height: 265px;
}

.float {
    float: left;
}

.linten {
    float: left;
    width: 100%;
    list-style-type: none;
    margin-left: 0;
    padding: 0px;
}

.linten li {
    width: 100%;
    margin-left: 0;
    padding: 0px;
    margin-bottom: 40px;
}

.linten span {
    width: 77%;
    font-weight: 200;
    font-size: 1.9rem;
    font-size: 19px;
    color: #fafafa;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 30px;
    padding-top: 30px;
}

.contact {
    width: 100%;
    list-style-type: none;
    float: left;
    padding: 0;
}

.contact li {
    float: left;
    width: 25%;
    padding-bottom: 50px;
}

.contact img {
    padding-bottom: 20px;
}

.contact h3 {
    font-size: 2.4rem;
    font-size: 24px;
    font-weight: 200;
    color: #2e2b26;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    padding-bottom: 10px;
}

.contact h4 {
    font-size: 2.4rem;
    font-size: 24px;
    font-weight: 600;
    color: #2e2b26;
    text-align: center;
    margin: 0;
}

.linten b {
    font-size: 2.4rem;
    font-size: 24px;
    color: #c0d790;
}

p3 {
    text-align: justify;
    font-weight: 200;
    color: #fafafa;
    font-size: 1.9rem;
    font-size: 19px;
}

.checkmarks {
    margin-left: auto;
    margin-right: auto;
    display:block;
    color: #1e1e1e;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    font-size: 16px; 
    font-size: 1.6rem;
    margin-top: 24px;
}

.check {
    vertical-align: middle;
    display: inline-block;
    width: 68px;
    height: 60px;
    background: url(../img/vinkjes.png) no-repeat left top;
}

section {
  background: #eee;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
  overflow: hidden;
}


 
.come-in {
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: tada;
    animation-name: tada;
}

.already-visible {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: tada;
    animation-name: tada;
}

.come-in2 {
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.already-visible2 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.come-in3 {
  -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.already-visible3 {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@keyframes come-in {
  to { transform: translateY(0); }
}

.check2 {
    vertical-align: middle;
    display: inline-block;
    margin-right: 20px;
}

.check3 {
    float: right;
    vertical-align: middle;
    display: inline-block;
}

.check:hover {
    background-position: -68px 0px;
}

.checkmarks span {
    font-weight: 200;
    font-size: 1.9rem;
    font-size: 19px;
    color: #fafafa;
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;
}

.frinkle {
    display: inline-block;
    vertical-align: middle;
    width: 77%;
    height: 150px;
} 

.mockup img{
    float: left;
}

.headertextright{
    width: 50%;
    height: 700px;
    float: left;
}

.headertextright img{
    float: right;
    margin-top: 130px;
}

.steps {
    width: 67%;
}

.steps img {
    display:block;
    margin:auto;
}


.headerbijschrift {
    width: 67%;
    padding-bottom: 200px;
}

.headerbutton {
    margin-left: auto;
    margin-right: auto;
    display:table;
    background-color: #9AAF62;
    border-radius: 2px;
    border: 2px solid #fafafa;
    color: #1e1e1e;
    cursor:pointer;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    font-size: 16px; 
    font-size: 1.6rem;
}

.headerbutton:hover{
    background-color: #77844D;
    transition: 0.5s;
}

.headerbutton:active{
    top: 2px;
    position:relative;
}

.headerbutton a {
    
    padding: 10px 15px 10px 5px;
    display:block;
    color: #1e1e1e;
    cursor:pointer;
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
    font-size: 16px; 
    font-size: 1.6rem;
    list-style-type: none;
}

.headerbutton img, .headerbutton span {
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;}



.scrolldownicon {
    display: block;
    width: 50px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 60px;
    animation: scroll 1s both infinite alternate;
    -webkit-animation: scroll 1s both infinite alternate;}

@-webkit-keyframes scroll {
  0% {
    transform: translateY(-100px);}

  100% {
    transform: translateY(100px);}}


#one{
background: red;
}

#two{
background: red;
}

#three{
background: red;
}

/* Content */

u {
    color: #F05A28;
} 

.wrapper {
    width: 100%;
    background: #a58d77;
    padding-bottom: 100px;
}

.wrapper2 {
    width: 100%;
    background: #c0d790;
    padding-bottom: 100px;
}

.wrapper3 {
    width: 100%;
    background:#c3b091;
}

hr {
    width: 100%;
    height: 20px;
    padding: 0px;
    margin: 0px;
    float: left;
    border: none;
    background: white;
}

.titlekop {
    height: 50px;
    width: 100%;
    background-color: #e1e1e1;  }

.contentcontainer {
    margin: 0 auto;
    padding-top: 100px;
    padding-bottom: 50px;
    color: #474747; 
}

.contentcontainer h1 {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 700;
    text-align: left;
    color: #fafafa;
    margin: 0;
    padding-bottom: 50px;
}

.contentcontainer h2 {
    font-size: 35px;
    font-size: 3.5rem;
    font-weight: 700;
    text-align: left;
    color: #fafafa;
    margin: 0;
}
  
.contentcontainer p {
    text-align: justify;
    font-weight: 200;
    color: #fafafa;
    font-size: 1.9rem;
    font-size: 19px;
    margin-bottom: 40px;
}


.introductiehead {   
    margin-top: 40px;
}

.introductiehead a {
    color: #a58d77;
    font-weight: 600;
    list-style-type: none;
    text-decoration: underline;
}

.introductiehead h1{   
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400;
    text-align: left;
    margin: 0;
}


/* Footer */

.footer {
    padding-bottom: 40px;
    width: 100%;
    background: #2e2b26;
}


.footercontent {
    margin: 0 auto;
    padding-top: 20px;
}

.footercontent p {
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-weight: 400;
    font-size: 14px;
    margin: 0;
}

#content h1{
    font-family: 'Raleway', sans-serif;
    font-size: 20px; font-size: 2rem; 
    font-weight: 700;
    color: #303030;
    text-align: center;
}

.footercontact {
    color: #ffffff;
    text-align: center;
    margin-top: 20px;
}

.row25footer h1{
    text-align: center;
    font-family: 'Raleway', sans-serif;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    font-size: 2rem;
}

.row25footer p{
    padding-top: 63px;
    text-align: right;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
}

.row25footer p:nth-child(2){
    padding-top: 6px;
    text-align: left;
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    font-size: 14px;
    font-size: 1.4rem;
}

.row25footer img{
    height: 50px;
    margin-left: 15px;
    margin-right: 45px;
}

.row25footer a {
    padding: 0; 
    margin: 0; 
    list-style-type: none; 
    text-decoration: none;
}

.lintenfooter {
    width: 100%;
    float: left;
    padding: 0;
    margin-top: 20px;
}

.lintenfooter img {
    width: 60%;
    height: 100px;
    margin: 0 auto;
}

.lintenfooter img:hover {
    position: relative;
    top:-8px;
}

.lintenfooter img:active {
    position: relative;
    top:-100px;
    transition: 0.6s;
}

.lintenfooter li{
    list-style-type: none;
    float: left;
    margin: 0;
    padding: 0;
    width: 33.33333333%;
    text-align: center;
    overflow: hidden;
}

.footerwrapper {
    width: 100%;
    margin: auto;
    text-align: center;
}

.footerwrapper img {
    width: 90%;
    height: 65px;
}


.footercontact p {
    font-family: 'Raleway', sans-serif;
    color: #ffffff;
    text-align: center;
}

.footercontact a {
    color: #F05A28;
    text-align: left;
    text-decoration: none;
}

.footercontact a {
    text-decoration: underline;
}

.footercontact img {
    height: 50px;
    width: 50px;
    margin-right: 10px;    
    margin-bottom: 10px;
}

.row25footer {
    width: 25%;
    display: block;
    float:left;
    border-right: 1px solid #fff;
    height: 185px;
}

.row25footer:nth-child(4) {
    border: none;
}

#partnerswrapper {
    width: 100%;
    margin-top: 20px;
}

.footerlogo {
    margin-left: -25px;
}


.paddingleft {
    padding-left: 10px;
}

.topnavigationside {height: 100px; width: 100%;}



/* ROWS ---------------------------------------------------- */

.row25 {
    width: 25%;
    text-align: center;
    display: block;
    float:left;
    padding: 10px;
} 


.feature {
    width: 100%;
    float: left;
    margin: 0 auto;
    background: url(../img/Features/featuresBG.jpg);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 75px;
}


.feature:nth-child(3) {
    width: 100%;
    float: left;
    margin: 0 auto;
    background: url(../img/Features/featuresBG2.jpg);
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 75px;
}


.row50a {
    width: 50%;
    text-align: center;
    display: block;
    float:left;
    padding-right: 100px;
      
}

.row50a img {
    display: block;
}

.row50d {
    width: 50%;
    text-align: center;
    display: block;
    float:left;
    padding-right: 100px;
      
}

.row50d img {
    display: block;
}

.row50c {
    width: 50%;
    text-align: center;
    display: block;
    float:left;
    padding-right: 100px;
    padding-bottom: 50px;  
}

.row50c img {
    display: block;
}

.row50b {
    width: 50%;
    text-align: center;
    display: block;
    float:left;
    padding-left: 100px;
    
} 

.row50b p{
    text-align: right;
} 


.row50b img {
    float: right;
    display: block;
} 

.row50b b {
    font-size: 2.4rem;
    font-size: 24px;
    color: #c0d790;
} 

.row50e {
    width: 50%;
    text-align: center;
    display: block;
    float:left;
    padding-left: 100px;
    
} 

.row50e p{
    text-align: right;
} 


.row50e img {
    float: right;
    display: block;
} 

.row50e b {
    font-size: 2.4rem;
    font-size: 24px;
    color: #c0d790;
} 

.row50a b {
    font-size: 2.4rem;
    font-size: 24px;
    color: #c0d790;
} 

.row50d b {
    font-size: 2.4rem;
    font-size: 24px;
    color: #c0d790;
} 


.row50a p {
    text-align: left;
} 

.row50d p {
    text-align: left;
} 







/* queries */

/* 1025px */
@media only screen and (max-width:64.063em ) { 
    .container{width:100%; padding: 50px 30px 0 30px;}
    .headercontent{width: 100%; top: 0%;}
    hr { visibility: hidden;}
    .linten {margin-bottom: 0px;}
    .linten li {margin-bottom: 26.4px;}
    .linten span {width: 68%; }
    .mockup img{width: 100%;}
    .mockup {height: 220px;}
    .contact h4 {font-size:16px; font-size:1.6rem;} 
    .headerbijschrift{padding-bottom: 110px;}
    .headercontent hr{width: 92.5%;}
    .headertextright img{width: 450px; margin-top:185px;}
    .logo {height:75px;}
    .headerwrapperright {width: 100%;}
    .checkmarks span{font-size: 14px; font-size: 1.4rem;}
    #logo {margin-left: 30px; height: 75px; padding-top: 18px;}
    .mobilebutton {visibility: visible;}
    .header{background: url(../img/background.jpg) no-repeat;
    background-position:top; height:800px;}
    .headermenu{visibility: hidden;}
    .mobilenav {visibility: visible;}
    .check3 img{margin-top:43px;}
    .row,.row25,.row50, {width: 100%;}
    .row25footer img{margin-left:10px; margin-right:5px;}
    .header-background,.headerpatern {height: 700px;}
    .headercontent h1{font-weight: 700; font-size: 4.5rem; font-size: 45px; line-height: 40px;}
    .row25info {width: 50%;}
    .headertextright img{width: 350px; }
    .row50a{padding-right: 10px; padding-left: 10px;}
    .row50b{padding-left: 0px;}
    .row50d{padding-right: 0px; order:2;}
    .row50e{padding-left: 0px; padding-right: 10px; padding-left: 10px; order:1;}
    .row25footer{width: 25%;}
    .footerlogo{margin-left: -15px;}
    .lintenfooter{margin-top: 5px;}
    .lintenfooter img{margin: 0;}
    .row50a img{width: 120%; padding-top: 60px;}
    .row50a p{text-align: center;}
    .row50e p{text-align: center;}
    .row50d img{width: 100%; padding-top: 120px;}
    .row50b img{width: 100%; padding-top: 100px;}
    .row50e img{width: 100%; padding-top: 60px;}
    .feature {display: flex; flex-direction: column;}
    .row50c{width: 100%; text-align: center; display: flex; float:left; padding-right: 0px; padding-bottom: 50px;}

    .feature > div {width: 100%;}
    
    .feature {width: 100%;float: left;margin: 0 auto;background: url(../img/Features/featuresBGMobiel.jpg); background-size: 100% 100%; background-repeat: no-repeat;
    padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;margin-bottom: 75px;}
    
    .feature:nth-child(3) {width: 100%;float: left;margin: 0 auto;
    background:url(../img/Features/featuresBGMobiel.jpg); background-size: 100% 100%; background-repeat: no-repeat;padding-left: 20px;padding-right: 20px;
    padding-top: 20px;padding-bottom: 20px;margin-bottom: 75px;}
    
    .header-content{
    top: 30%;}
    .footerwrapper img{height: 100%; margin-top: 5px;}
    
    
    .navigationtop {position: relative; background-color: #2e2b26; border-bottom: 0px;}
    .navshow {position: relative;}
    
/* 392px */
@media only screen and (max-width: 40.063em) {
    .container{width:100%; }
    hr { visibility: hidden;}
    .contact li{width: 50%;}
    #logo {height: 75px; padding-top: 5px;}
    .headertext2 {width: 100%; margin-bottom: 50px;}
    .headerwrapper {width: 100%;}
    .headerwrapperright {width: 100%;}
    #buttonwrapper {width: 100%;}
    .navigationtop {position: relative;background-color: #2e2b26; height: 75px;border-bottom: 0px;}
    .logo,.topnavigation{height:75px;}
    .mobilenav {margin-top: 75px;}
    .steps {width: 100%;}
    .mockup img {width: 100%;}
    .headercontent {width: 200%;}
    .headerbijschrift{width: 100%; padding-bottom: 50px;}
    .headercontent hr{width: 100%;}
    .headertextright img{visibility: hidden;}
    .headertext{margin-top: 30px;}
    .header{ height: 735px; background-position:top;}
    .parallax__layer{visibility: hidden;}
    .servicewrapper h1 {text-align: center;}
    .servicewrapper p {text-align: center; margin-top: 20px;}
    .headerbase {height: 500px;}
    .row25footer {width: 100%;}
    .mobilebutton{margin: 25px 10px 0px 0px;}
    .headercontent h1{font-weight: 700; font-size: 3.8rem; font-size: 38px; line-height: 40px;}
    .mobilebutton {visibility: visible;}
    .navshow {position: relative;}
    .headerbutton img{display: none;}
    .navigationmap{position: absolute;}
    .row,.row25 {width: 100%;}
    .row25info{width: 100%;}
    .header-background,.headerpatern {height: 500px;}
    .row25footer p{ text-align: center;}
    .row25footer h1{padding-top: 10px}
    .row25footer {border:none; border-top: 1px solid #fff;}
    .row25footer:nth-child(1) {text-align: center; display: block; margin: 0 auto; height: 200px; border: none;}
    .row25footer:nth-child(2) { margin-top: 20px;}
    .row25footer p:nth-child(2) {text-align: center; padding-top: 15px;}
    .row25footer img {text-align: center; }
    .footerwrapper {float: left; width: 50%; margin-top: 10px;}
    .footerwrapper img{}
    .footerlogo {margin: 0px;}
    #partnerswrapper{float: left; width: 50%;}
    #partnerswrapper img{margin-right: 30px;}
    .lintenfooter{margin-top: 20px;}
    .contentcontainer h1{font-size: 3.0rem; font-size: 30px;}
    
    
    
    .feature {display: flex; flex-direction: column;}

    .feature > div {width: 100%;}
    
    .check2{margin-right: 10px;}
    .row50a{padding: 0px; width: 100%;}
    .row50a p{text-align: center; font-size: 16px; font-size: 1.6rem;}
    .row50e p{text-align: center; font-size: 16px; font-size: 1.6rem;}
    .row50b{padding: 0px; width: 100%;}
    .row50d{padding: 0px; width: 100%; order:2;}
    .row50e{padding: 0px; width: 100%; order:1;}
    .row50a img{width: 100%; padding-top: 50px; }
    .row50b img{width: 100%; padding-top: 50px;}
    .row50d img{width: 100%; padding-top: 50px;}
    .feature {width: 100%;float: left;margin: 0 auto;background: url(../img/Features/featuresBGMobiel.jpg);
    padding-left: 20px;padding-right: 20px;padding-top: 20px;padding-bottom: 20px;margin-bottom: 75px;
    background-repeat: no-repeat; background-size:140% 140%; background-position: center top;}
    .feature:nth-child(3) {width: 100%;float: left;margin: 0 auto;
    background:url(../img/Features/featuresBGMobiel.jpg);padding-left: 20px;padding-right: 20px;
    padding-top: 20px;padding-bottom: 20px;margin-bottom: 75px; background-repeat: no-repeat;
    background-size:140% 140%; background-position: center top;}
    
    .row50c img {display: block; width: 6%;}
    
}