@media only screen and (max-width: 1000px){
    .prodCard{
      flex-direction: column;
    }
    
    main{
      margin-left: 7%; 
      margin-right: 7%;
      margin-top: 7%;
    }

    .homeInfoCard{
        flex-direction: column-reverse;
        gap: 3rem;
    }

    .homeInfoCard img{
      border-radius: 0%;
      max-width: none;
      width: 100%!important;
      object-fit: cover!important;
      padding-right: 0px;
      max-height: 250px;
      }

    .pPlaceHolder{
      width: 90%;
      padding-right: 60px;
    }

    .pPlaceHolder p{
      font-size: 1.5rem;
    }

    .blureReveal{
        width: 270px!important;
        left: 75%;
    }

    .blureAlternitive{ 
        left: 70%!important;
      }

    .imgHorzInverMQ{
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    .imgHorzInverMQ img{
        padding-left: 0;
    }

    .hero-headline {
      font-size: 3rem;
    }

    .overlay p{
      height: inherit;
    }

  }

  @media only screen and (max-width: 530px){
    p{
      font-size: .75rem;
    }
  }