.dot-overlay {
    background: url(../imgs/dotm.png);
    width: 100%;
    z-index: 1;
}

.footer {
	padding-top: 3rem;
	padding-bottom: 1rem;
	text-align: left;
	font-size: 18px;
	font-family: "Fredericka the Great", serif;
	font-weight: 400;
	font-style: normal;
}

@media screen and (min-width: 390px) {
	.footer {
		padding-left: 2.5rem;
	}
}

@media screen and (max-width: 389.98px) {
	.footer {
		padding-left: 1rem;
	}
}

#f_insta,
#f_fbook,
#f_linkedIn {
	position: relative;
	display: inline-block;
	width: 44px;
	height: 44px;
}

#f_insta:hover,
#f_fbook:hover,
#f_linkedIn:hover {
	animation: hithere 1s ease;
	animation-iteration-count: 1;
}

@keyframes hithere {
	30% {
		transform: scale(1.2);
	}

	40%,
	60% {
		transform: rotate(-20deg) scale(1.2);
	}

	50% {
		transform: rotate(20deg) scale(1.2);
	}

	70% {
		transform: rotate(0deg) scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

#copyright {
	border-top: 6px solid #ccc;
	height: 60px;
	color: #666;
	padding-top: 30px;
	background-color: #333;
}

#copyright p {
	position: relative;
	bottom: 18px;
}