#main, #intro, .text, #testimony, #disclaimer, #pop, .instructions{
    display: flex;
    flex-direction: column;
    align-items: center;
}

 #intro {
    margin-top: -1%;
    padding-bottom: 10px;
    text-align: center;
 }

 .text {
    text-align: center;
    color: rgba(51, 159, 92);
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5%;
    margin-top: -1%;
    
 }

 .instructions{
   /* align-items: center; */
   font-family: Arial, Helvetica, sans-serif;
   margin-bottom: 30px;
 }
 h3{
   margin-bottom: -5%;
 }


 /* .button-text {
    font-family: "Noto Serif", Helvetica, sans-serif !important;
    font-size: 12px;
    text-align: center;
    margin-bottom: 10px;
    padding: 10px;
    margin-top: 10px;
    
 } */

 #button{
   
   margin-left: 10%;
   margin-right: 10%;
 }
 button {
    color: rgb(255, 255, 255);
    font-weight: 600;
    background-color: rgba(51, 159, 92);
    font-size: 20px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(163, 20, 22, 0.2);
    border-radius: 3px;
    padding: 10px 15px 10px 15px ;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    cursor: pointer;
 }

 .image{

   display: flex;
   justify-content: center;
   align-items: center;
   overflow: hidden;
   max-width: 90%;

}

.image2{

   width: 250px;
   height: 80%; /* Maintain aspect ratio */
   object-fit: contain; /* Adjust as needed */

}

 #testimony{

   margin: auto 20% auto 20%;
   border: 3px solid rgba(0, 0, 0, 0.7);
   padding: 25px ;
   width: 80%;

}

 #disclaimer{
    display: flex;
    text-align: center;
    max-width: 70%;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 7px;
 }

 #pop {
    background-color:  rgb(28, 185, 54); 
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    margin-bottom: 30px;
    margin-top: 5px;
    width: 100%;
    padding-top:none;
    text-align: center;
}

#pop p{
    margin-top: 0%;
    margin-bottom: 0%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
}

.policy{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.heading2{
    
    margin-top: -10px;
}



@media screen and (min-width: 768px) {
  #testimony{

   width: 50%;

}
}

/* Styles specifically for Desktops (1025px and up) */
@media screen and (min-width: 1025px) {
  #testimony{

   width: 50%;

}
}