footer {
    box-sizing: border-box;
    width: 100%;
    display: flex;
    justify-content: end;
    gap: 50px;
    padding-right: 4%;
    height: 250px;
    background: black;
}

ul {
    padding: 50px 0;
    height: auto;
    list-style: none;
}

ul h4 {
    color: white;
}

ul li a {
    color: rgba(255, 255, 255, 0.84);
    transition: 0.3s;
}

ul li a:hover {
    color: white;
}

@media(max-width: 500px) {
    footer {padding-right: 0; justify-content: center}
}