/**********************************************************

    ███████╗ ██████╗  ██████╗ ████████╗███████╗██████╗
    ██╔════╝██╔═══██╗██╔═══██╗╚══██╔══╝██╔════╝██╔══██╗
    █████╗  ██║   ██║██║   ██║   ██║   █████╗  ██████╔╝
    ██╔══╝  ██║   ██║██║   ██║   ██║   ██╔══╝  ██╔══██╗
    ██║     ╚██████╔╝╚██████╔╝   ██║   ███████╗██║  ██║
    ╚═╝      ╚═════╝  ╚═════╝    ╚═╝   ╚══════╝╚═╝  ╚═╝

 **********************************************************/


footer {
	background: var(--color-gray);
	color: var(--color-white);
}

	footer h4 {
		padding-top: 2rem;
		color: var(--color-orange);
		font-family: var(--font-sans-serif);
	}

	.tablet footer h4 {
		padding-top: 0;
		padding-bottom: 1.5rem;
	}

	footer a {
		color: var(--color-white);
	}

	.footer-contact {

	}

		.footer-contact span,
		.footer-contact a {
			display: block;
			margin: 0;
			clear: both;
		}

		.footer-contact span {
			float: left;
			margin-right: 1rem;
			line-height: 2.5rem;
			color: var(--color-cream);
		}

	.credits {
		margin-top: 5rem;
		font-size: 1.6rem;
	}

	.laptop .secondary-footer-title {
		margin-top: 3.2rem;
	}