
/*	Mobile  */
	@media screen and (max-width: 440px) {

		#Footer {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			display:block;
			clear: both;
			padding-bottom: 2rem;
			padding-top:0rem;
			background: var(--Palette2);
			margin-top: 1rem;
			position: relative;
		}
		#Footer::after {
		  content: '';
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: rgba(0, 0, 0, 0.2);
		  z-index: 0;
		  pointer-events: none;
		}
		#Footer .Social {
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			padding-top: 1rem;
			z-index: 10;
			position: relative;
		}
		#Footer .Social a {
			margin: 0.5rem 0.7rem;
			height: 2rem;
			width: 2rem;
			border: 0.1rem solid rgba(255, 255, 255, 0.7);
			border-radius: 2rem;
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none;
		}
		#Footer .Social a i {
			color: rgba(255, 255, 255, 0.7);
			font-size: 1.2rem;
			transition: all 0.2s ease;
		}
		#Footer .Message {
			display: block;
			padding-top: 1.5rem;
			border-top: none;
			z-index: 10;
			position: relative;
		}
		#Footer .Message P {
			margin:0;
			padding: 0;
			text-align:center;
			font-size:0.9rem;
			line-height:1.5em;
			color: #e3e3e3;
			font-weight: 200;
		}
		#Footer .Message P > img {
			margin-top: 1rem;
		}
		#Footer .Message P b,
		#Footer .Message P a b{
			color: #ffffff;
			font-weight: 500;
		}

	}

/*	Desktop  */
	@media screen and (min-width: 441px) {

		#Footer {
			display:block;
			clear: both;
			padding-bottom:2rem;
			margin-top:0rem;
			background: var(--Palette2);
			margin-top: 2rem;
			position: relative;
		}
		#Footer::after {
		  content: '';
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: rgba(0, 0, 0, 0.2);
		  z-index: 0;
		  pointer-events: none;
		}
		#Footer .Social {
			width: 100%;
			display: flex;
			flex-direction: row;
			align-items: center;
			justify-content: center;
			padding-top: 1rem;
			position: relative;
			z-index: 10;
		}
		#Footer .Social a {
			margin: 0.5rem 0.7rem;
			height: 2rem;
			width: 2rem;
			border: 0.1rem solid rgba(255, 255, 255, 0.7);
			border-radius: 2rem;
			display: flex;
			align-items: center;
			justify-content: center;
			text-decoration: none;
			transition: all 0.2s ease;
		}
		#Footer .Social a i {
			color: rgba(255, 255, 255, 0.7);
			font-size: 1.2rem;
			transition: all 0.2s ease;
		}
		#Footer .Social a:hover {
			color: var(--Palette6);
		}
		#Footer .Social a:hover i {
			color: var(--Palette6);
		}
		#Footer .Message {
			max-width:71.222rem;
			display: block;
			margin-left: auto;
			margin-right: auto;
			padding-top: 0.8rem;
			border-top: none;
			position: relative;
			z-index: 10;
		}
		#Footer .Message P {
			margin:0;
			padding: 0;
			text-align:center;
			font-size:0.9rem;
			line-height:1.5em;
			color: #e3e3e3;
			font-weight: 100;
		}
		#Footer .Message P a {
			color: #ffffff;
			font-weight: 100;
		}
		#Footer .Message P a b,
		#Footer .Message P b {
			font-weight: 300;
		}
		#Footer .Message P img {
			margin-top: 1rem;
		}

	}

