/* home */
@media (max-width: 768px) {
    body{
     width: 100vw;
     overflow: none;
    }
    .searchbar{
     flex-direction: column;
     align-items: flex-start;
     width: unset;
     justify-content: space-evenly;
     height: 100%;
    }
    .row{
     flex-direction: row;
    }
    .fieldFC{
     width: 80%;
     height: 40px;
     font-size: 12px;
    }
    .field{
     width: 80%;
     height: 40px;
     font-size: 12px;
 
    }
    p{
     font-size: 12px;
    }
    .text{
     font-size: 12px;
     margin-top: 24px;
    }
    .con{
     flex-direction: column;
    }
    .title{
     font-size: 20px;
    }
    .mainContainer{
       height: 60vh;
       justify-content: space-around;
    }
    .searchArea{
     height: 280px;
     border-radius: 4px;
    }
    .miniContainer{
       height: unset;
    }
    .header-bold{
       font-size: 25px;
       margin-top: 24px;
    }
    .submit{
       margin-top: unset;
    }
    .header{
       margin-top: 24px;
    }
    .percent{
       align-items: center;
    }
    .text{
       margin-bottom: 24px;
    }
    .blogSection{
       width: 80%;
       display: flex;
       margin-bottom: 24px;
    }
    .cardImg{
       width: 75%;
       margin-top: 24px;
       margin-left: 24px;
       border-radius: 4px;
    }
    .title2{
       font-size: 25px;
       margin-top: 12px;
    }
    .text2{
       font-size: 12px;
    }
    .leesMeerButton{
       font-size: 16px;
       margin-bottom: 24px;
    }
    .blackContainer{
       height: auto;
       display: flex;
    }
    .con{
       flex-direction: column;
    }
    .down{
     font-size: 29px;
     margin-left: 16px;
    }
    .profileSectionText{
       font-size: 12px;
       margin-left: 24px;
    }
    .faqHomeContainer{
       width: 75%;
    }
    .regBut{
       width: unset;
       margin-top: 0px;
    }
    .werkGVRimg{
       width: 100%;
    }
    .desc-smaller{
       margin-bottom: 0px;
    }
    .cards{
       flex-direction: column;
    }
    .keurmerkenBig{
       width: 100%;
    }
    .heightAswell{
       width: 100%;
    }
    .contactContainer{
       margin-top: 56px;
       flex-direction: column;
       height: unset;
    }
    .regBut3{
       width: 50%;
    }
    .header-bold3{
       font-size: 34px;
    }
    .contactText{
       font-size: 16px;
    }
    .container .row{
       flex-direction: column;
    }
    .z{
      width: 100%;
      flex-wrap: wrap;
    }