@media (max-width: 1000px) {

  .header {

    margin: 0 -40px;

  }

}

@media (max-width: 995px) {

  .accordion-section .gray-bg{

    margin: auto;

  }

  .accordion-section h2{

    text-align: center;

  }

}

@media (max-width: 900px) {

  .middle-section .section-1 .black-bg img{

     margin-left: -50px;

     width: 350px;

     height: auto;

  }

  .middle-section .section-2 .black-bg img{

    margin-left: 60px;

    width: 320px;

    height: auto;

  }

  .middle-section .responsivesection-2 .black-bg img{

    margin-left: 60px;

    width: 320px;

    height: auto;

  }

  .middle-section .section-3 .black-bg img{

    margin-left: -50px;

    width: 350px;

    height: auto;

  }

}

@media (max-width: 770px) {

  .middle-section .section-1,

  .middle-section .section-2,

  .middle-section .responsivesection-2 {

    margin-bottom: 150px;

  }

  .middle-section .section-1,

  .middle-section .section-2,

  .middle-section .section-3,

  .middle-section .responsivesection-2{

    text-align: center;

   }

   .footer{

    text-align: center;

   }

   .middle-section .section-2{

    display: none;

   }

   .middle-section .responsivesection-2{

    display: block;

  }

  .middle-section .section-1 h2.responsivehead{

    display: block;

  }

  .middle-section h2.head{

    display: none;

  }

  .onderwijsorganisaties-wrapper .purple-section h2{

   text-align: center;

  }

}

@media (max-width: 630px) {

  .header{

    margin: 0

  }

}

@media (max-width: 450px) {

  

  .middle-section .section-1 .black-bg img{

     margin-left: -30px;

  }

  .middle-section .section-2 .black-bg img{

    margin-left: 50px;

  }

  .middle-section .responsivesection-2 .black-bg img{

    margin-left: 50px;

  }



  .middle-section .section-3 .black-bg img{

    margin-left: -30px;

  }

}

@media (max-width: 390px) {

  .accordion-section .black-bg img{

    width: 340px;

    height: auto;

  }

}