problems with color and codes in the footer

Hello everybody. I need your help to solve my problems. I use the hestia theme.

1- footer color problem.
I entered this code to change the color.

footer {
		background: #ffffff !important;
	}
	footer, footer p, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, footer .copyright {
		color: #000 !important;
	}
	footer a {
		color: #000 !important;
	}
	footer hr {
	border-color: #000 !important;
}

in the mobile version it works, in the PC the color remains the previous one. What’s wrong?

2- I added this code (in the additional css section)

@media (max-width: 768px) {
.hestia-team .card .content .card-description {
display: block;
}

to see the description of the team members section on phone. (basically the description of the team on mobile is not visible).
The code works on mobile, but in the desktop version, another section appears in the footer ( one section with 6 red buttons)
I did some tests, the problem comes when I add the code written above.
How can I fix this?

look at the picture:

thx for your support.

• This topic was modified 2 hours, 1 minute ago by michaelb04.