html, body {
    max-width: 100%;
    overflow-x: hidden;
}

@media only screen and (max-width: 1052px) {

  .header {
    width: 100%;
    height: 12.5rem;
    padding: 0 130px;
  }

  .header form input {
    margin-top: 41px;
    height: 65px;
    font-size: 14px;
  }

  .header form button i{
    margin-top: -33px;
  }

  .cardsContainer{
    position: relative;
    padding: 0 130px;
    margin-top: 50px;
  }


}


@media only screen and (max-width: 820px) {

  .header {
    width: 100%;
    height: 12.5rem;
    padding: 0 130px;
  }

  .header form input {
    margin-top: 41px;
    height: 65px;
    font-size: 14px;
  }

  .header form button i{
    margin-top: -33px;
  }

  .cardsContainer{
    position: relative;
    padding: 0 130px;
    margin-top: 50px;
  }


}

@media only screen and (max-width: 768px) {

  .header {
    width: 100%;
    height: 12.5rem;
    padding: 0 20px;
  }

  .header form input {
    margin-top: 41px;
    height: 40px;
    font-size: 14px;
  }

  .header form button i{
    margin-top: -46px;
  }

  .cardsContainer{
    position: relative;
    padding: 0 20px;
    margin-top: 50px;
  }





}

@media only screen and (max-width: 600px) {


  .header {
    width: 100%;
    height: 12.5rem;
    padding: 0 20px;
  }

  .header form input {
    margin-top: 41px;
    height: 40px;
    font-size: 14px;
  }

  .header form button i{
    margin-top: -46px;
  }

  .cardsContainer{
    position: relative;
    padding: 0 20px;
    margin-top: 50px;
  }











 }