.footer {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: auto;
    background-color: var(--section-color);

}

/*.footer-text {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 20px;
    margin-left: 30px;
    margin-right: 30px;
}*/

@media(max-width: 800px) {
    .footer h2 {
        max-width: 90%;
        font-size: 4vw;
    }
}