fieldset {
 border:1px solid silver;
 margin:0 2px;
 padding:.35em .625em .75em
}


.layout {
 display:flex;
 min-height:100vh;
 flex-direction:column
}

.page {
 z-index:0;
 background:#EEE
}
.wrap {
 box-sizing:border-box;
 max-width:1200px;
 margin:0 auto
}
.page-section {
 padding-top:3rem;
 margin-bottom:3rem
}
.page-features {
 width:100%;
 background:#001a33;
 overflow:scroll
}

.hero {
 box-sizing:border-box;
 padding:2rem;
 background:#FFF;
 border:1px solid #FFF;
 border-radius:2px
}
.hero-headline {
 font-size:3rem;
 white-space:nowrap;
 margin-bottom:0
}
.hero-copy {
 font-size:1rem;
 margin-bottom:0;
 padding:0 2rem;
 text-align:left
}


@media only screen and (min-width:48rem) {
  }
 .hero-headline {
  font-size:6rem;
  margin-bottom:2rem
 }
 .hero-copy {
  font-size:1.25rem;
  margin-bottom:2rem
 }
 

.container1,
.container1-fluid {
 margin-right:auto;
 margin-left:auto;

 
}
.rowcollectie {
 box-sizing:border-box;
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-flex:0;
 -ms-flex:0 1 auto;
 flex:0 1 auto;
 -webkit-box-orient:horizontal;
 -webkit-box-direction:normal;
 -ms-flex-direction:row;
 flex-direction:row;
 -ms-flex-wrap:wrap;
 flex-wrap:wrap;
 margin-right:-.5rem;
 margin-left:-.5rem;
  padding-left:3rem

 
}
.row.reverse {
 -webkit-box-orient:horizontal;
 -webkit-box-direction:reverse;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse
}
.col.reverse {
 -webkit-box-orient:vertical;
 -webkit-box-direction:reverse;
 -ms-flex-direction:column-reverse;
 flex-direction:column-reverse
}
.col-xs,
.col-xs-212,
.col-xs-26,
 {
 box-sizing:border-box;
 -webkit-box-flex:0;
 -ms-flex:0 0 auto;
 flex:0 0 auto;
 padding-right:.5rem;
 padding-left:.5rem
}
.col-xs {
 -webkit-box-flex:1;
 -ms-flex-positive:1;
 flex-grow:1;
 -ms-flex-preferred-size:0;
 flex-basis:0;
 max-width:100%
}

.col-xs-26 {
 -ms-flex-preferred-size:50%;
 flex-basis:50%;
 max-width:50%    
}
.col-xs-212 {
 -ms-flex-preferred-size:100%;
 flex-basis:100%;
 max-width:100%
}

@media only screen and (min-width:48em) {
 .container1 {
  width:49rem
 }
.rowcollectie{
  padding-left:10rem
 }

 .col-sm,
 .col-sm-23,
 .col-sm-26, {
  box-sizing:border-box;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:.5rem;
  padding-left:.5rem
 }
 .col-sm {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%
 }
  .col-sm-23 {
  -ms-flex-preferred-size:25%;
  flex-basis:25%;
  max-width:25%
 }
  .col-sm-26 {
  -ms-flex-preferred-size:50%;
  flex-basis:50%;
  max-width:50%
}
 }
 

@media only screen and (min-width:64em) {
 .container1 {
  width:65rem
 }
.rowcollectie {
  padding-left:15rem
 }
 .col-md,
 .col-md-22,
 .col-md-28,{
  box-sizing:border-box;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:.5rem;
  padding-left:.5rem
 }
 .col-md {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%
  }
 .col-md-22 {
  -ms-flex-preferred-size:16.66666667%;
  flex-basis:16.66666667%;
  max-width:16.66666667%
  
 }
  .col-md-28 {
  -ms-flex-preferred-size:66.66666667%;
  flex-basis:66.66666667%;
  max-width:66.66666667%
  min-width:300px;
  
 }
 
}
@media only screen and (min-width:75em) {
 .container1 {
  width:76rem
 }
.rowcollectie {
  padding-left:18rem
 }
 .containercolletie {
  width:76rem
  padding-left:.5rem
 }
 .col-lg,
 .col-lg-21,
 .col-lg-210, {
  box-sizing:border-box;
  -webkit-box-flex:0;
  -ms-flex:0 0 auto;
  flex:0 0 auto;
  padding-right:.5rem;
  padding-left:.5rem
 }
 .col-lg {
  -webkit-box-flex:1;
  -ms-flex-positive:1;
  flex-grow:1;
  -ms-flex-preferred-size:0;
  flex-basis:0;
  max-width:100%
  }
 .col-lg-21 {
  -ms-flex-preferred-size:30%;
  flex-basis:30%;
  max-width:30%

 }
 .col-lg-210 {
  -ms-flex-preferred-size:300px;
  flex-basis:300px;
  min-width:300px;
  max-width:40%
 }
 
}