/*Footer*/
footer {
	@media screen and (orientation: portrait) {
		flex-direction: column;
	}

	@media (max-width: 768px) {
		font-size: 0.8em;
	}

	.footer1 {
		background-color: #333333;
		color: white;

		display: flex;
		justify-content: space-around;
		font-size: 1.4em;

		padding: 1em;
	}

	.footer2 {
		color: #CCCCCC;
		background-color: black;
		padding: 1.8em;
		text-align: center;

		@media (min-width: 768px) {
			display: flex;
			justify-content: center;
			gap: 1ch;

			> div > span {
				display: none;
			}
		}
	}
}