/*---- Footer ----*/
footer {
	background-color: var(--background-black);
	color: var(--white);
}
.footer-container {
	margin: 0 10px 0px 10px;
	padding-top: 10px;
}
.contact-email h1 a {
	position: relative;
	font-size: min(4vw, 5.625em);
  	text-decoration: underline 0.15em rgba(255, 255, 255, 0);
  	transition: text-decoration-color 300ms;
	color: var(--white);
}
.contact-email h1 a:hover {
  	text-decoration-color: rgba(255, 255, 255, 1);
}
.footer-nav {
	list-style: none;
	display: flex;
	margin: 4.167vw 0 0 0;
	padding: 0;
	font-size: clamp(0.5em, 2vw, 2.5em);
}
.footer-nav li a,
.copyright a {
	color: var(--white);
	text-decoration: underline 0.15em rgba(255, 255, 255, 0);
  	transition: text-decoration-color 300ms;
}
.footer-nav li a:hover,
.copyright a:hover {
  	text-decoration-color: rgba(255, 255, 255, 1);	
}
.footer-nav-link:not(:last-child) {
	border-right: 3px solid var(--white);
    margin-right: 1.042vw;
    padding-right: 1.042vw;
}
.copyright {
	margin-top: min(5.208vw, 100px);
	font-size: clamp(0.4em, 1vw, 1.25em);
}
.copyright a {
	border-left: 2px solid var(--white);
	margin-left: 10px;
	padding-left: 10px;
}
.copyright p {
	margin-bottom: 10px;
}
.social-col {
	margin: 0 auto;
}
.social-links {
	display: flex;
	justify-content: center;
    align-items: center;
    flex-direction: column;
	font-size: clamp(1.3em, 2.6vw, 3.125em);
	margin-top: 4.167vw;
}
.social-links a {
	color: var(--white);
	height: clamp(1em, 2.6vw, 3em);
}
/*---- End of footer ----*/
/*----SCREEN WIDTH 1200 to 1536px----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px) {
}
/*----SCREEN WIDTH 1200 to 1536px and SMALL VH----*/
@media only screen 
	and (min-width: 1201px)
	and (max-width: 1536px)
	and (min-height: 0px)
	and (max-height: 820px) {
}
/*----SCREEN WIDTH 0 to 991px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 991px) {

}
/*----SCREEN WIDTH 900 to 1200px----*/
@media only screen 
	and (min-width: 901px)
	and (max-width: 1200px) {

}
/*----SCREEN WIDTH 900 to 1200px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 901px)
	and (max-width: 1200px) {

}
/*----SCREEN WIDTH 600 to 900px----*/
@media only screen 
	and (min-width: 601px)
	and (max-width: 900px) {

}
/*----SCREEN WIDTH 600 to 900px Landscape----*/
@media only screen and (orientation : landscape)
	and (min-width: 601px)
	and (max-width: 900px) {

}
/*----SCREEN WIDTH 0 to 600px----*/
@media only screen 
	and (min-width: 0px)
	and (max-width: 600px) {
		/*---Footer---*/
		.footer-nav-link:not(:last-child) {
			border-right: 1px solid var(--white);
		}
		.copyright a {
			border-left: 1px solid var(--white);
		}
		.social-links {
			margin-top: 0;
		}
}