.footer-wrapper {
    height: 72px;
    width: 100%;
    background-image: url('/wp-content/themes/jores-theme/assets/img/footer-wave.png');
    background-repeat: repeat-x;
    background-size: auto 100%;
    position: relative;
    z-index: 20;
    margin-top: -8px;
}

.footer-wrapper-extra {
    display: flex;
    justify-content: space-between;
    padding-top: 24px;
    padding-bottom: 24px;
    flex-wrap: wrap;
    gap: 50px;
}

@media screen and (max-width:550px) {
    
    .footer-wrapper-extra {
        gap: 12px;
        flex-direction: column;
    }

    .footer-wrapper a {
        order: 0;
    }

    .footer-wrapper p {
        order: 1;
    }

    footer {
        height: 108px;
        background-color: var(--green1);
    }
}

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

    footer {
        height: 126px;
    }
}