.h1-ueber{
    display: grid;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 10px;
    padding-top: 20px;
}
.text-boby{
    display: grid;
    justify-content: center;
    flex-direction: column;
}
.but{
    display: grid;
    justify-content: center;
    flex-direction: column; 
}


.footer-distributed{
    position: fixed;
   bottom: 0;
   width: 100%;
}
@media (max-width: 700px) {
   .footer-distributed{
    all: revert;
    background-color: var(--main-brand-color);
    
    }
    .footer-distributed .footer-left, .footer-distributed .footer-right {
        text-align: center;
      }
    }