.footer {
	margin: 40px 0 0 0;
	background: var(--color-primary);
	background: linear-gradient(
		to left bottom,
		var(--color-primary),
		rgba(4, 142, 145, 0.9),
		var(--color-primary)
	);
	color: #fff;
	text-shadow: 1px 1px 1px grey;
	font-size: 2rem;
}

.footer container {
	display: block;
	margin: auto;
	padding: 20px 20px;
}

.footer__text {
	display: grid;
	justify-content: center;
}

.footer__text p {
	margin: 7px;
}

.footer__text a {
	text-decoration: none;
	color: inherit;
	margin: 7px;
}

.footer .links {
	display: none;
}

.footer .links > div {
	margin: 7px;
}

.footer .copyrights {
	justify-self: center;
	margin-bottom: 30px;
}

.footer .copyrights img {
	/* display: block; */
	margin: auto;
}

.footer .address {
	justify-self: left;
}

@media screen and (min-width: 900px) {
	.footer__text {
		grid-template-columns: repeat(3, 33.33fr);
	}

	.footer .links {
		display: flex;
		flex-flow: column;
	}
}
